Bookmarks
书签栏
tech
LGD.HuaFEEng
Web框架
框架整理集
$js框架、库集合
前端框架/组件库/插件大合集
- 前端组件库大合集-必备收藏 - 海沙 - CSDN博客
- 前端组件、插件汇总 - 听闻青春丶 - CSDN博客
- 前端组件库大合集-必备收藏 - 轩枫阁 – 前端开发 | web前端技术博客
- 前端组件库集合 - 卖女孩的小男孩 - CSDN博客
- 前端常用插件汇总 - cc蒲公英的博客 - CSDN博客
- iamjoel/front-end-plugins: :whale2: Web 前端常用插件
- 30组常用前端开发组件库,前端组件收集整理列表 - qq_21729177的博客 - CSDN博客
- 前端组件库大合集-必备收藏 - weixin_36944932的博客 - CSDN博客
- 前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先) - 断弦泉月 - CSDN博客
- JavaScript - 随笔分类 - 梦想天空(山边小溪) - 博客园
- 前端UI框架小汇总 - PC.aaron - 博客园
- 有哪些目前流行的前端框架? - 知乎
- 国外优秀Web前端UI库大全
- 15 个 JavaScript Web UI 库-大前端
- 前端组件库大合集-必备收藏 - web_liu - 博客园
- 19年你应该关注这50款前端热门工具(上) - 掘金
- 19年你应该关注这50款前端热门工具(中) - 掘金
- 19年你应该关注这50款前端热门工具(下) - 掘金
- 前端常用插件、工具类库汇总,不要重复造轮子啦!!! - 掘金
docschina
- [印记中文](docschina.org)
- 印记中文 - 深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
- 印记中文 - 深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
- 印记中文 - 深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
- docschina/home - Gitter
- Slack
- JavascriptOO
- 12个实用的 JavaScript 框架分享给前端开发者 - 梦想天空(山边小溪) - 博客园
- 可以作为你的候选的12个很赞的移动开发框架 - 梦想天空(山边小溪) - 博客园
- 推荐15个很优秀的跨平台的移动开发工具 - 梦想天空(山边小溪) - 博客园
- 12个新潮的 HTML5 & CSS3 网站设计欣赏 - 梦想天空(山边小溪) - 博客园
- 学习响应式设计的15个优秀网页作品 - 梦想天空(山边小溪) - 博客园
- 20款 JavaScript 开发框架推荐给前端开发者 - 梦想天空(山边小溪) - 博客园
- 12款简化 Web 开发的 JavaScript 开发框架 - 梦想天空(山边小溪) - 博客园
- 20个令人称赞的以办公环境为背景的网站作品 - 梦想天空(山边小溪) - 博客园
- 2017年最新20个轻量的 JavaScript 库和插件 - 梦想天空(山边小溪) - 博客园
- 20款高质量的 HTML5 网站模板【免费下载】 - 梦想天空(山边小溪) - 博客园
- 15款值得开发者一试的最新的前端框架 - 梦想天空(山边小溪) - 博客园
- 12款界面精美的 HTML5 & CSS3 网站模板 - 梦想天空(山边小溪) - 博客园
- 什么是Web框架 - 前端 - 掘金
$单页网站创建工具
- 单页网站不是梦,几款国外的单页网站创建工具 - 梦想天空(山边小溪) - 博客园
$前后端分离
- pkwenda/new-bee: 开源社区 vue + springBoot - 前后分离微服务的最佳实践
- 实现前后端分离的心得 - 文章 - 伯乐在线
- new-bee 社区
- 为什么要前后端分离?各有什么优缺点? - forever的博客 - CSDN博客
- 前后端分离的优缺点 - moonpure的专栏 - CSDN博客
$前端项目模板、应用模板
fe-boilerplates
- wxyyxc1992/fe-boilerplates: Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 多技术栈前端项目模板
- 某熊的主页
- fe-boilerplates/micro-frontend/react-ts-webpack at master · wxyyxc1992/fe-boilerplates
- Developer-Zero-To-Mastery/TechRoad/2018 at master · wxyyxc1992/Developer-Zero-To-Mastery
- wxyyxc1992/Backend-Boilerplates: Boilerplate for Your Server Side(Backend) Application, Java | Spring(Boot, Cloud) | Node.js | Go | Python | DevOps 💫 服务端项目模板
- 基于 React & TypeScript & Webpack 的微前端应用模板 - 掘金
$食品类移动应用程序
- 垂涎欲滴!30个美味的食品类移动应用程序【上篇】 - 梦想天空(山边小溪) - 博客园
- 垂涎欲滴!30个美味的食品类移动应用程序【下篇】 - 梦想天空(山边小溪) - 博客园
$架构
¥前端微服务化
¥插拔式架构/single-spa
my-single-spa
- YataoZhang/my-single-spa: 微前端框架简易实现,方便不了解微前端实现原理的同学快速掌握其原理
- 带你手写微前端框架 · Issue #4 · YataoZhang/my-single-spa
qiankun
- umijs/qiankun: 📦🚀Blazing fast, simple and completed solution for micro frontends.
umi-plugin-qiankun
- umijs/umi-plugin-qiankun: Umi plugin for qiankun.
single-spa
- CanopyTax/single-spa: Microfrontends made easy
- single-spa
- Getting Started with single-spa
- 前端插拔式 SPA 应用架构实现方案 - 掘金
single-spa-vue
- CanopyTax/single-spa-vue: a single-spa plugin for vue.js applications
- QxQstar/single-spa-vue: 微前端框架single-spa 整合vue项目
vue-single-spa
- vue-single-spa: 基于vuejs的微前端demo项目。内含 vuejs,react,angular 三个子项目
- Single-Spa + Vue Cli 微前端落地指南 (项目隔离远程加载,自动引入) - 掘金
vue-spa
- bstavroulakis/vue-spa: The Vue.js SPA we create together at Pluralsight's "Single Page Applications with Vue.js"
- 插拔式前端的设计 · 前端工程化指南 · 看云
- 前端微服务整合之‘‘插拔式架构’‘实现方案
- 前端微服务整合之‘‘插拔式架构’‘实现方案_vue,react,app_LucioCN-CSDN博客
- 如何解构单体前端应用——前端应用的微服务式拆分_phodal-CSDN博客
piral
- smapiot/piral: Framework for next generation web apps using microfrontends.
- 实施前端微服务化的六七种方式_Phodal's zenthink-CSDN博客
¥前端工程化
- 前端工程化 · 前端工程化指南 · 看云
- 前端工程化(1):VSCode中编写Vue代码的最佳姿势 - 掘金
- 前端工程化(2):快速搭建基于angular团队代码提交规范的工作流 - 掘金
- 前端工程化(3):在项目中优雅的设计基于Axios的请求方案 - 掘金
- MVVM分层下的前端工程化开发 - 掘金
- 前端工程化: 脚手架+物料库快速生成新项目 - 掘金
- 各大互联网公司架构演进之路汇总
- 一套比较完整的前端技术选型,需要规整哪些东西,你知道不? - 掘金
结构型
$automan
- xiaozhimn/automan: Automan一站式前端开发框架
- ue2 web前端架构解决方案
$angularjs & angular
angularJS & angualar core
¥core
- Angular
- Angular
- AngularJS: Developer Guide: Migrating from 1.0 to 1.2
- 一套框架,多种平台 - Angular
- AngularJS — Superheroic JavaScript MVW Framework
- ng-book 2: The Complete Book on Angular 2
- Angular 2 - [ 前端知识库 ]
- Angular中文社区 | Angular中文社区
- Angular中文社区 | Angular中文社区
- Angular中文社区 | Angular中文社区
- AngularJS 教程 | 菜鸟教程
- Quickstart - ts - QUICKSTART
- https://code.angularjs.org
anjular引用库&插件
- 如何在Angular2中使用jQuery及其插件的方法_AngularJS_脚本之家
- javascript - Angularjs 在写后台管理系统如何优雅的使用jQuery插件 - SegmentFault 思否
- 如何在AngularJs中调用第三方插件库 - CSDN博客
- angular第三方包开发整理(小结)_AngularJS_脚本之家
- Angular5中调用第三方js插件的方法_AngularJS_脚本之家
- Angular如何引入第三方库的方法详解_AngularJS_脚本之家
- 如何在AngularJs中调用第三方插件库_AngularJS_脚本之家
- 在angularjs路由中单个页面独立添加js文件及在angularjs中使用jquery插件 - pf12345
- 如何在AngularJS中使用插件 - ISWR的专栏 - SegmentFault 思否
- 给 Web 开发者的 25 款最有用的 AngularJS 工具 - 开源中国社区
- ag-Grid Documentation: Home Page
- AngularJS常用插件与指令收集 - pei~乐悠悠 - 博客园
- 720kb/angular-datepicker: Angularjs datepicker module, generate a datepicker on your input element - https://720kb.github.io/angular-datepicker
- Angular5入门与提高_Angular教程_汇智网
- deepthan/blog-angular: Angular(2+)学习教程:知识点用法总结和学习资源整合。还用其做了一个诗歌站点:
- Issues · angular/angular.js
angular project
Angular6入门项目
- 【CuteJavaScript】Angular6入门项目(1.构建项目和创建路由) - 掘金
- 【CuteJavaScript】Angular6入门项目(2.构建项目页面和组件) - 掘金
- 【CuteJavaScript】Angular6入门项目(3.编写服务和引入RxJS) - 掘金
- 【CuteJavaScript】Angular6入门项目(4.改造组件和添加HTTP服务) - 掘金
- linguowei/micro-note: 📝 A micro note application
- akveo/ngx-admin: Admin dashboard template based on Angular 5+, Bootstrap 4 (previously known as ng2-admin)
angular framework&libs
结构型
angular-cli
- angular/angular-cli: CLI tool for Angular
gantt
- angular-gantt/angular-gantt: Gantt chart component for AngularJS
- Angular Gantt - Gantt chart component for AngularJS (Demo)
- dalestone/angular2-gantt: A gantt library written in angular
- Angular Gantt - Gantt chart component for AngularJS
ui-router
- angular-ui/ui-router: The de-facto solution to flexible routing with nested views in AngularJS
- UI-Router
Mooa
- phodal/mooa: Mooa 是一个为 Angular 服务的微前端框架。A independent-deployment micro-frontend Framework for Angular from single-spa.
- MooaExamples
表现型
material2
- angular/material2: Material Design components for Angular
ngx-dropzone-wrapper
- zefoy/ngx-dropzone-wrapper: Angular wrapper library for Dropzone
angular-modal
- btford/angular-modal: Simple AngularJS service for creating modals
angular-formly
- formly-js/angular-formly: JavaScript powered forms for AngularJS
- angular-formly
angular-drag-and-drop-lists
- marceljuenemann/angular-drag-and-drop-lists: Angular directives for sorting nested lists using the HTML5 Drag & Drop API
angular-pdfjs-viewer
- legalthings/angular-pdfjs-viewer: PDF.js viewer directive for AngularJS
行为型
angular 上传&下载
¥上传
angular-dragdrop
- codef0rmer/angular-dragdrop: Implementing jQueryUI Drag and Drop functionality in AngularJS (with Animation) is easier than ever
- Drag and Drop for AngularJS
- angular-dragdrop/angular-dragdrop: Angular HTML5 Drag and Drop directive written in pure js with no dependency on JQuery.
- Angular Drag and Drop
angular-w5c-validator
- why520crazy/angular-w5c-validator: a simple plugin for angular form validation
- w5cValidator - Angular js
ng-tasty
- Zizzamia/ng-tasty: A tasty collection of reusable UI components for Angular, like grandma used to make. Like Table directive, WebSocket / Debounce / Throttle service, Range / Camelize / Slugify filters
angular-debounce
- shahata/angular-debounce: AngularJS service and directive for debounce
ngrx/store
- ngrx/store: RxJS powered state management for Angular applications, inspired by Redux
rx.angular.js
- Reactive-Extensions/rx.angular.js: AngularJS Bindings for RxJS
angular resource&FAQ
angular-component
- toddmotto/angular-component: Fully featured .component() polyfill for Angular v1.3+
- Todd Motto: Angular, TypeScript and JavaScript articles
- angularjs项目的页面跳转如何实现(5种方法)_AngularJS_脚本之家
- 18 个惊人的 Angular 开源项目
- eclipse123/angular-spring-mybatis: 示例代码,仅供参考
- Angular CLI 快速创建Angular 2项目和组件, 压缩打包发布。 - 张旭超-web前端开发工程师 - SegmentFault 思否
- Angular企业级开发(6)-使用Gulp构建和打包前端项目 - 快乐八哥 - 博客园
- AngularJs与SpringMVC简单结合使用 - CSDN博客
- 【AngularJS】AngularJS整合Springmvc、Mybatis环境搭建 - CSDN博客
- 我自己整理的一些Angular2项目和资源_慕课手记
- 关于Angular2的一些资料(持续更新中) - angular - SegmentFault
- Angular 4.x 修仙之路 - Angular 4.x 修仙之路 - SegmentFault 思否
- 20个免费的 AngularJS 资源和开发教程 - 梦想天空(山边小溪) - 博客园
- 自己收集的部分Angular学习资料 - 生活 - SegmentFault 思否
angular-example
- crk123kk/angular-example: 关于一些angular项目使用的基本实例
- jQuery File Upload Demo
- jQuery File Upload Demo - AngularJS version
- 开源API接口管理系统-CrapApi
$cordova
- Apache Cordova
- GZYZIT/TeamToy-Mobile: 采用Cordova框架开发的团队待办事项管理平台TeamToy移动客户端
$dojo
- dojo/dojo: Dojo 1 - the Dojo 1 toolkit core library.
- Dojo Toolkit
- API Documentation - The Dojo Toolkit Version 1.10
- IBM developerWorks 中国 : 学习 Dojo
- The Dojo Toolkit - Demos Index
- Hyun's Dojo
$deno
¥deno core
- Deno
- https://deno.land/x/
- deno/Docs.md at master · denoland/deno
- "deno" | deno
- Deno 核心指南 · 语雀
- denoland/deno: Runs JavaScript and TypeScript in the command-line
- denoland/deno_std: deno standard modules
- denoland/deno_install: Deno Binary Installer
- denoland/registry
- deno/Docs.md at master · denoland/deno
- denolib/awesome-deno: 🎉A curated list of awesome things related to Deno
- Deno 并不是下一代 Node.js - Go语言中文网 - Golang中文社区
- Fen - 基于deno的简单Typescript Web框架 - 掘金
- 我为 VS Code 开发了一个 Deno 插件 - 掘金
$express
express core
- Express - Node.js web application framework
- Express 4.x - API Reference
- Express 4.x - API 参考
- expressjs/expressjs.com
- Express 4.x - API 中文手册
- Express - 基于 Node.js 平台的 web 应用开发框架
express middleware
- express.static在生产环境下怎么设置? - CNode技术社区
- Express static静态路由 - Lawliet__zmz - 博客园
- express.static 作用及用法 - CSDN博客
- express中static的目录设置 - CNode技术社区
- 【Node.js-3】express介绍、express-static处理静态文件请求、链式操作next()、中间件、cookie、session - CSDN博客
- 利用 Express 托管静态文件
- Express的serve-static中间件的使用之五问 - CSDN博客
- Express 中间件-前端开发博客
- express常用中间件 - 陈亚 - 博客园
multer
- expressjs/multer: Node.js middleware for handling `multipart/form-data`.
body-parser
- expressjs/body-parser: Node.js body parsing middleware
- Express教程04:处理文件上传 - weixin_34259559的博客
express-http-proxy
- express-http-proxy - npm
- villadora/express-http-proxy: Proxy middleware for express/connect
- node.js - Express proxy API calls with cookie - Stack Overflow
- node.js - Error: unable to verify the first certificate in nodejs - Stack Overflow
- `next()` is called twice when using skipToNextHandlerFilter · Issue #390 · villadora/express-http-proxy
- [#390] Kills extra call to next(). · villadora/express-http-proxy@c5660c2
express-mockjs
- 52cik/express-mockjs: mockjs api middleware for Express
swagger-express-middleware
- APIDevTools/swagger-express-middleware: Swagger 2.0 middlware and mocks for Express.js
- Swagger Express Middleware | Swagger 2.0 middlware and mocks for Express.js
express libs & utils
generator
- expressjs/generator: Express' application generator
express-upload-progress
- zemirco/express-upload-progress: File uploading with Express.js and progress bar
express FAQ
- node的express框架接收get/post请求时,参数获取方式 - 大豆F4 - 博客园
- Express 上传图片 - 前端 - 掘金
- express 中的错误处理_qq_36391954的博客-CSDN博客
$emberJS
emberjs core
- Ember.js - Homepage
- emberjs/ember.js: Ember.js - A JavaScript framework for creating ambitious web applications
- Ember - 3.1 - Ember API Documentation
- Ember.js - Builds
- Ember.JS
- Ember.js Talks on EmberWatch
- Ember Weekly
- Ember.js Dashboard
- developer | Scoop.it
- Join EmberJS Community on Slack!
- Ember.js - Guides and Tutorials
- Ember.js
- emberjs.cn
- blog.ddlisting.com
- Ember.js 入门指南 (一) - CSDN博客
- Day 19: EmberJS 入门指南 - SegmentFault 业界资讯 - SegmentFault 思否
- FeipingHunag/ember-todo: a example of rails4 ember 1.0 ember-data 1.0.0beta2
$Electron - 创建跨平台的桌面客户的应用程序
Electron core
- Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。
- electron-react-boilerplate/electron-react-boilerplate: A Foundation for Scalable Cross-Platform Apps
- Electron React Boilerplate · A Foundation for Scalable Cross-Platform Apps
- Electron 应用 | Electron
fiddle
- electron/fiddle: 🚀 The easiest way to get started with Electron
nuclear
- nukeop/nuclear: Desktop music player for streaming from free sources
- Electron构建跨平台应用Mac/Windows/Linux - 掘金
- Electron工程踩坑记录 - 掘金
- Electron - 创建跨平台的桌面客户的应用程序 - 梦想天空(山边小溪) - 博客园
electron-vue
- SimulatedGREG/electron-vue: An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
- PanJiaChen/electron-vue-admin: vue electron admin template web: http://panjiachen.github.io/vue-admin-template
- SmallRuralDog/electron-vue-music: 基于 electron-vue 开发的音乐播放器,界面模仿QQ音乐,技术栈electron-vue+vue+vuex+vue-router+element- UI。欢迎star
- dockeron/dockeron: 🤖🤖🤖 Electron + Vue.js for Docker
- bradstewart/electron-boilerplate-vue: Boilerplate application for Electron runtime
- nklayman/vue-cli-plugin-electron-builder: A Vue Cli 3 plugin for Electron with no required configuration
- L-Chris/vue-design: Be the best website visualization builder with Vue and Electron.
- CS-Tao/whu-library-seat: 武汉大学图书馆抢座软件 - 桌面端
$Flutter
Flutter 教程
- Flutter 44集免费基础视频教程 - 掘金
- 为前端工程师准备的 Flutter 入门指南 - 知乎
- 用前端 最舒服的躺姿 "搞定" Flutter (组件篇) - 掘金
- Flutter仿写单读App介绍与总结 - 掘金
- [译] Flutter: 图解 Row 与 Column 部件 · Issue #11 · Weiyu-Chen/blog
- [译] Flutter: 图解 Container 部件 · Issue #10 · Weiyu-Chen/blog
- 使用 redux 管理 flutter 应用数据 · Issue #47 · riskers/blog
- 谈谈 Flutter 中的请求和异步 - 知乎
- 手把手教你在Flutter项目优雅的使用ORM数据库 - 掘金
- bugly的flutter版已完成,欢迎使用 - 掘金
- Flutter Widget 静态布局实战 - 掘金
- flutter/flutter: Flutter makes it easy and fast to build beautiful mobile apps.
- Solido/awesome-flutter: An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.
- flutter_statusbar_manager | Flutter Package
- 基于Flutter Canvas的飞机大战(一) - 掘金
- 基于Flutter Canvas的飞机大战(二) - 掘金
- 让我们在2019年重新认识 Flutter - 知乎
- Flutter-国际化适配终结者 - 掘金
- Flutter 组件总结 - 掘金
- Flutter早知道 - Named Router可以传参了! - 掘金
$framework7
- framework7io/framework7: Full featured HTML framework for building iOS & Android apps
- framework7
$Go
WebAssembly
oak
- elliotforbes/oak: A Go Based WebAssembly framework for building frontend applications in Go!
Rust
- [译] Rust 2018 已经发布……但它到底是什么呢? - 掘金
webassemblyjs
- xtuc/webassemblyjs: Toolchain for WebAssembly
- webassemblyjs · webassemblyjs
walt
- ballercat/walt: Walt is a JavaScript-like syntax for WebAssembly text format
- Walt Explorer
- Web程序性能优化——asm.js和WebAssembly - 掘金
Modlishka
- drk1wi/Modlishka: Modlishka. Reverse Proxy. Phishing NG.
txqr
- divan/txqr: Transfer data via animated QR codes
$Ionic
- Ionic Documentation
- Ionic Framework - Ionic Documentation
- ionic2/3 预处理安卓返回键和监听返回键执行自定义操作 - 掘金
- Ionic - 先进的 HTML5 移动开发框架和 SDK - 梦想天空(山边小溪) - 博客园
- Ionic开发App中重要的部分 - 掘金
- [译] 5 个可以立刻在你的 Ionic App 中用上的动画包 - 掘金
$jquery
¥jquery core
- Jquery UI 中文网
- jQuery UI
- jQuery
- jQuery API 中文文档 -- jQuery 中文网
- jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm
- jQuery API 中文文档(适用jQuery 1.0 - jQuery 3.1)
- jquery 在线手册 | jQuery API 中文手册 | jQuery 速查表 | jQuery 参考手册 | jQuery CHM | jQuery 在线文档 | jQuery 1.12.1
- jQuery -jquery 中文网
- nefe/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
¥jquery 插件库
$动画、效果、特效、变换
动画插件
- Velocity – 另外一款加速的 jQuery 动画插件 - 梦想天空(山边小溪) - 博客园
响应式 jQuery 旋转木马(传送带)插件
- 12款响应式的 jQuery 旋转木马(传送带)插件 - 梦想天空(山边小溪) - 博客园
滚动动画效果
- ScrollMe – 在网页中加入各种滚动动画效果 - 梦想天空(山边小溪) - 博客园
图片轮播
swiper
- amazeui/swiper: Most modern mobile touch slider with hardware accelerated transitions.
- Amaze UI Swiper | Amaze UI 插件
slick
- kenwheeler/slick: the last carousel you'll ever need
- amazeui/slick: jQuery carousel plugin.
- Amaze UI Slick | Amaze UI 插件
- Nivo Slider - 世界上最棒的 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
翻转的作品集滑块效果
- 使用 jQuery & CSS3 实现翻转的作品集滑块 - 梦想天空(山边小溪) - 博客园
固定头部切换效果
- Midnight.js – 实现奇妙的固定头部切换效果 - 梦想天空(山边小溪) - 博客园
Stickup
- stickUp - a free jQuery Plugin
- LiranCohen/stickUp: stickUp a jQuery Plugin for sticky navigation menus.
sticky-kit
- Sticky-Kit | jQuery plugin for sticky elements
- leafo/sticky-kit: A jQuery plugin for creating smart sticky elements
Tab切换插件
- 精心挑选:10款实用的 jQuery Tab 切换插件和教程 - 梦想天空(山边小溪) - 博客园
左右滚动插件
- 精心挑选10款优秀的 jQuery 图片左右滚动插件 - 梦想天空(山边小溪) - 博客园
构建多状态原型
- Permit.js - A jQuery Plugin to Simplify the Building of Interactive Multi-State Prototypes
jquery easing
- jQuery Easing Plugin
- jQuery Easing 使用方法及其图解 - CSDN博客
jquery-resize
- jquery-resize | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- Ben Alman » jQuery resize event
- cowboy/jquery-resize: A resize event for ALL your jQueries!
- jquery.ba-resize.min.js 免费开源代码阅读 开发,分享 - CodeForge.cn
- js.jquery_ba_resize · PyPI
返回顶部插件
- jq返回顶部多种实现方法 - 波克比520 - 博客园
传送带插件
slick
- Slick – 这是你需要的最后一款 jQuery 传送带插件 - 梦想天空(山边小溪) - 博客园
文字闪烁、提示
- 原生js tooltip提示框插件制作鼠标滑过提示文字效果代码
- 简单的css3输入框提示文字效果
- jQuery仿Word查找结果高亮显示代码
- jquery ui iPicture图片提示插件鼠标悬停到图片上提示文字信息
- js文字特效制作js文字闪烁与文字变色效果
- jquery 文字闪烁支持自动文字闪烁、点击文字闪烁、验证文字闪烁
- 纯css3霓虹灯文字闪烁动画特效
- 纯css3标题文字间歇滚动效果
提示/提词器系统
scrollocue
- soxofaan/scrollocue: Simple autocue/teleprompter jQuery plugin
- Scrollocue
自适应背景
jquery.adaptive-backgrounds.js
- briangonzalez/jquery.adaptive-backgrounds.js: 🦎 A jQuery plugin for extracting the dominant color from images and applying the color to their parent.
- jquery.adaptive-backgrounds.js • A jQuery plugin for extracting dominant colors from images and applying it to its parent
shadow
flat-shadow
- peachananr/flat-shadow: A small jQuery plugin that will automatically cast a shadow creating depth for your flat UI elements
倒计时效果
- jQuery Countdown Timer 倒计时效果 - 梦想天空(山边小溪) - 博客园
¥patch
- zachstronaut/jquery-animate-css-rotate-scale: A monkey patch for jQuery 1.3.1+ that adds support for setting or animating CSS scale and rotation independently.
$图片
照片堆叠效果
- Photopile JS – 帮助你实现精致的照片堆叠效果 - 梦想天空(山边小溪) - 博客园
视网膜(Rtina)图像支持
- Dense.js - 响应式的视网膜(Rtina)图像支持 - 梦想天空(山边小溪) - 博客园
图片响应式裁剪
- 使用 FocusPoint.js 实现图片的响应式裁剪 - 梦想天空(山边小溪) - 博客园
- jonom/jquery-focuspoint: jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
移轴镜头效果
- tiltShift.js - CSS3 滤镜实现移轴镜头效果 - 梦想天空(山边小溪) - 博客园
幻灯片插件
- 60款很酷的 jQuery 幻灯片演示和下载 - 梦想天空(山边小溪) - 博客园
- Prezento – 轻量、简单的 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
- WebSlides - 轻松制作漂亮的 HTML 幻灯片(演讲稿) - 梦想天空(山边小溪) - 博客园
- 推荐15款创建漂亮幻灯片的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- Elastic Image Slider 带缩略图功能的幻灯片 - 梦想天空(山边小溪) - 博客园
- Slides - 在线制作效果精美的幻灯片(PPT) - 梦想天空(山边小溪) - 博客园
- SlidesJS - 老牌的响应式 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
- Skippr – 轻量、快速的 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
图片特效插件
- www.cnblogs.com/lhb25/archive/2011/11/20/15-jquery-image-effects.html
- 8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
- 精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
- 网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
- S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园
- 使用 jQuery & CSS3 制作美丽的照片画廊 - 梦想天空(山边小溪) - 博客园
- 基于 jQuery 实现的精致作品集图片导航效果 - 梦想天空(山边小溪) - 博客园
- Image Wall - jQuery & CSS3 图片墙效果 - 梦想天空(山边小溪) - 博客园
- ZOOM - 简单易用的 jQuery 照片相册插件 - 梦想天空(山边小溪) - 博客园
- Rotating Image Slider - 图片旋转切换特效 - 梦想天空(山边小溪) - 博客园
- 学习使用 jQuery & CSS3 制作照片堆栈效果 - 梦想天空(山边小溪) - 博客园
- 分享22款响应式的 jQuery 图片滑块插件 - 梦想天空(山边小溪) - 博客园
- 【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件 - 梦想天空(山边小溪) - 博客园
Lightbox
Lightbox 插件
- baguetteBox.js - 简单易用的 lightbox 插件 - 梦想天空(山边小溪) - 博客园
- henrygd/bigpicture: Lightweight JavaScript image / video viewer. Supports Youtube and Vimeo.
- Swipebox – 用于触屏设备的精美 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
- Strip JS – 低侵入,响应式的 Lightbox 效果 - 梦想天空(山边小溪) - 博客园
- 20款美化网站的 jQuery Lightbox 灯箱插件 - 梦想天空(山边小溪) - 博客园
- FancyBox - 经典的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
- jQuery图像处理 - 开源软件 - 开源中国
¥image loading events
- alexanderdickson/waitForImages: A jQuery plugin that lets you attach callbacks to useful image loading events.
$loading
加载动画和进度条
- 8款效果精美的 jQuery 加载动画和进度条插件 - 梦想天空(山边小溪) - 博客园
- 真是好东西!一组动感的页面加载动画效果 - 梦想天空(山边小溪) - 博客园
- 页面加载特效(Page Loading Effects) | Demo 3
- 基于HTML5 SVG的jQuery圆形进度条动画特效_jQuery之家-自由分享jQuery、html5、css3的插件库
$表格、表单
支持10种格式的 HTML 表格导出插件
- 支持10种格式的 HTML 表格导出 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- HTML table Export
- Tableexport.jquery.plugin by kayalshri
- kayalshri
jQuery 下拉列表
输入框下拉分页菜单选择插件
- jQuery输入框下拉分页菜单选择插件
- 强大的jquery下拉分页选择插件SelectPage
- bDialog使用实例
jquery-citys
- 城市三级联动 - citys
- Select-or-Die:灵活的 jQuery 下拉列表插件 - 梦想天空(山边小溪) - 博客园
- vestman/Select-or-Die: Yet another jQuery plugin to style select elements. Demo at http://vst.mn/selectordie/
- vestman/Select-or-Die-Themes: Theme repository for the SoD
- jdulal/Select-or-Die
jQuery Bootgrid
- A jQuery grid plugin - jQuery Bootgrid
- rstaib/jquery-bootgrid: Nice, sleek and intuitive. A grid control especially designed for bootstrap.
日历翻转效果
- jQuery 制作逼真的日历翻转效果的倒计时 - 梦想天空(山边小溪) - 博客园
ajax 分页
实现灵活排序和分页功能
- jPList – 实现灵活排序和分页功能的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- 精心挑选的12款优秀 jQuery Ajax 分页插件和教程 - 梦想天空(山边小溪) - 博客园
- 分享5种风格的 jQuery 分页效果【附代码】 - 梦想天空(山边小溪) - 博客园
paginationjs
- superRaytin/paginationjs: A jQuery plugin to provide simple yet fully customisable pagination.
- Pagination.js | Home
jQuery Validate
jQuery Password Validation
- jQuery Password Validation(密码验证) | 菜鸟教程
- 修改密码jQuery校验(代码) - html/css语言栏目:html.css - 红黑联盟
- bassistance.de » jQuery plugin: Password Validation
- jQuery Password Validation(密码验证)插件 - CSDN博客
- jQuery Password Validation密码验证_jquery_脚本之家
- jQuery Password Validation(密码验证) - CSDN博客
- jzaefferer/jquery-validation.password
- easy-designs/jquery.easyValidationRules.js: Form field validation via associated lists. Inspired by http://aerotwist.com/blog/better-password-form-fields/ Demo:
- Aerotwist - Better password form fields
tips验证
- 利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件 - 流云诸葛 - 博客园
jQuery-Form-Validator
- victorjonsson/jQuery-Form-Validator: jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code.
- jQuery Form Validator
jQuery html5Validate
- jQuery html5Validate基于HTML5表单验证插件 « 张鑫旭-鑫空间-鑫生活
- JS前端验证与用户自由思想 « 张鑫旭-鑫空间-鑫生活
- zhangxinxu/html5Validate: 基于HTML5新特性新规范的表单验证jQuery插件
Jquery Validation
- jQuery Validate | jQuery Plugin Registry
- JQuery validate验证规则 - 一米阳光! - 博客园
- jQuery Validate验证框架详解 - 松峰 - 博客园
- jQuery Validation Plugin | Form validation with jQuery
- Jquery插件-Validate使用方式 - CSDN博客
- jQueryValidate详解 - html/css语言栏目:html.css - 红黑联盟
- jQuery Validate | 菜鸟教程
- jQuery Validate使用笔记 - CSDN博客
- jQuery Validate - CSDN博客
- jQuery Validate - 冰柠檬不酸 - 博客园
- jQuery Validate验证框架详解 - Ruthless - 博客园
- mongoose+express+jQuery Validate实现用户表单异步验证 - 简书
- 史上最全JS表单验证封装类 - Ruthless - 博客园
- 封装jQuery Validate扩展验证方法 - Ruthless - 博客园
- Spring shiro + bootstrap + jquery.validate 登录、注册 - CSDN博客
- 基于Bootstrap+jQuery.validate Form表单验证实践 - CSDN博客
- JQuery validate验证规则 - CSDN博客
- Ruthless - 博客园
- bootstrap3-validation.js bootstrap 的jquery 表单验证 - CSDN博客
- JQuery的validation插件 - CSDN博客
- Jquery Validation 验证控件的使用说明 - 沙漠飞雪 - 博客园
- blog/formValidation.js at master · liuyunzhuge/blog
- jquery-validation/jquery-validation: jQuery Validation Plugin library sources
- jQuery插件—Validation Plugin-慕课网
jQuery-Validation-Engine
- posabsolute/jQuery-Validation-Engine: jQuery form validation plugin
文字标签
- jQuery文字标签过滤器text文本框输入过滤文字标签效果代码
- jquery表单text文本框回车添加文字标签拖动可调顺序
- jQuery输入框文字空格键创建标签插件
- jquery添加标签html输入文本框动态添加标签代码
- jQuery input文本框输入文字回车创建标签代码
- jQuery标签点击搜索文本框弹出热门标签关键字选择
- jquery text文本框输入文字添加标签可删除_生成标签可删除代码
- jQuery简单输入框添加创建标签代码
- jQuery创建域名标签可删除添加标签代码
- jquery动态添加标签_空格键添加a标签_表单添加html标签元素
- jquery输入框提示插件input输入框文字下拉提示添加标签代码
- js输入关键词创建标签代码
- jQuery发布文章自定义选择添加删除标签代码
- jQuery添加标签插件
- jquery创建标签text文本输入框点击按钮创建标签表单提交value值
- jquery自定义添加标签_自定义删除标签代码
- JQuery+Layer实现添加删除自定义标签代码
文本框
手写输入法
- 原生js 表单搜索text文本框支持手写输入法
省市选择器
- jQuery input文本框城市下拉菜单选择代码
- jQuery点击文本框下拉菜单城市选择代码
- jQuery点击text文本框快速选择城市代码
- jQuery text文本框全国按省选择学校
- jquery点击text文本框弹出省市地区城市选择器
- js text输入框提示火车机票网站点击文本框城市选择
- echarts地图json数据城市选择插件
- 基于element-ui编写省市县三级联动菜单代码
- jQuery配送地址三四级联动城市选择代码
- Angularjs输入框弹出城市街道地址选择代码
- jQuery模拟select框下拉三级联动城市选择器
- jquery四级联动插件城市选择下拉菜单代码
- jQuery中国省市区城市选择三级联动插件
- jQuery遮罩弹出选择地区省市区城市代码
- jQuery移动端省市二级联动城市选择代码
- JQuery带字母分类城市选择器插件代码
- jQuery移动端四级联动世界地区选择代码
- html5 echarts省市区地图城市选择代码
- jQuery城市下拉框菜单选择代码
- jquery仿招聘网站弹出城市选择信息代码
- jquery物流发货省市区城市地图选择器
- jQuery省市区三级联动插件_城市三级联动插件
- 基于jQuery input框点击弹出城市选择器代码
- jQuery省市区三级联动插件代码
- 原生js城市选择控件_js机票城市选择_js城市选择器代码
- 原生js仿淘宝旅游页面多个热门省份城市选择控件
- jquery文字列表全国地区城市选择代码
软键盘&表情
- jQuery keyboard点击弹出虚拟键盘输入text文本框文字内容
- jQuery表情插件文本框输入表情符号代码
- js文本框插入表情支持解析代码
- html5 input文本框插入qq表情代码
- jquery+css3 仿制iphone软键盘输入文本框(兼容ie8以上)
- jquery新浪微博表情插件textarea文本框插入QQ表情表单提交代码
- jquery qq表情插件鼠标点击qq表情图片插入文本框表单提交
- jquery textarea文本框制作新浪微博文本框输入QQ表情评论
- jquery表单提交text文本框点击弹出下拉选择城市文字列表
- jQuery默认的文本框弹出层代码
- jQuery input文本框输入文字放大显示效果
- jQuery颜色选择器点击文本框颜色拾取器代码
- js css3文本框编辑文字动画代码
- js表单文本框内容互换效果代码
- jQuery css3输入框焦点事件图标动画效果
- jQuery文本框输入文字飞出动画效果
- jQuery textarea文本框输入文字限制提示代码
- jquery删除添加输入文本框插件
- html5点击text文本框个性化时间选择插件
- html5 input placeholder文本占位符动画插件文本框文字提示输入
复制调用text文本框内容
- jquery复制链接点击按钮复制调用text文本框内容
checkbox
- js ymPrompt悬浮窗口点击checkbox选中给text文本框赋值代码
- 纯css3单选按钮和复选按钮样式代码
- jquery checkbox左右框项目选中移动代码
- jquery checkbox复选框美化点击checkbox事件 选中 取消样式
- 9款css3超炫的表单复选框Checkbox美化效果代码
- jquery复选框点击checkbox添加或删除text输入框value值
- js css3表单checkbox多选框选择效果
- jQuery多级checkbox复选框选中代码
- css3 checkbox美化单选按钮和复选按钮美化样式
- jQuery css3表单Checkbox和Radio按钮美化代码
- jquery checkbox点击选中列表样式代码
- html5 css3制作checkbox多选框选中样式特效
- CSS3自定义美化复选框Checkbox按钮样式代码
form
- jquery-form/form: jQuery Form Plugin
- jQuery Form Plugin by jquery-form
html5sortable
- farhadi/html5sortable: Lightweight jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.
- lukasoppermann/html5sortable: VanillaJS sortable lists and grids using native HTML5 drag and drop API.
- HTML5 Sortable library
- HTML5 Sortable
- mattheworiordan/jquery.simulate.drag-sortable.js: Simulate drag events within a JQuery UI Sortable widget (primarily for integration testing)
hover
- css3:hover悬停图标展开气泡文本框特效
- jquery鼠标悬停下载按钮滑动显示提示信息文本框
editable-table
- mindmup/editable-table: tiny jQuery/Bootstrap widget that makes a HTML table editable
jQuery-Mask-Plugin
- igorescobar/jQuery-Mask-Plugin: A jQuery Plugin to make masks on form fields and HTML elements.
- jQuery Mask Plugin - A jQuery Plugin to make masks on form fields and html elements.
jquery-maskmoney
- plentz/jquery-maskmoney: jQuery plugin to mask data entry in the input text in the form of money (currency).
Jquery-Price-Format
- price-format/Jquery-Price-Format: jQuery Price Format Plugin is useful to format input fields and HTML elements as prices. For example, if you type 123456, the plugin updates it to US$ 1,234.56. It is costumizable, so you can use other prefixes, separators, suffixes, plus sign, minus sign and so on. Check out the examples below.
- tanathos/jquery.jqprint: jQuery print plugin
$UI
jquery easyui
- JQuery EasyUI中文网
- EasyUI - 帮助您轻松构建您的网页
- 文档 - jQuery EasyUI
- jQuery EasyUI 教程 | 菜鸟教程
- EasyUI学习总结(一)——EasyUI入门 - 孤傲苍狼 - 博客园
- Easyui中文社区
- The Pete Design | Minimal UI and Functional UX Design and Development Freelancer
$布局、组件
分布引导插件
- 推荐15款最佳的 jQuery 分步引导插件 - 梦想天空(山边小溪) - 博客园
导航菜单
响应式导航
- 15款帮助你实现响应式导航的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- jQuery仿阿里巴巴顶部下拉菜单代码
- jQuery.mmenu – 用于移动 Web 项目的光滑菜单 - 梦想天空(山边小溪) - 博客园
- jQuery fixed侧边固定层收缩展开菜单代码
- 自定义设置悬浮图标导航页面功能代码
- jQuery图标导航html响应式导航菜单代码
- win10风格自适应图标导航网页模板
- jquery win8风格图标导航菜单特效
- div css仿京东右侧固定图标菜单栏样式代码
- 扁平的jQuery响应式下拉导航菜单代码
- jquery导航二级菜单太多了下拉菜单滚动显示
- jQuery在线教育网页顶部下拉分类导航菜单代码
- jquery教育网站顶部浮动导航下拉菜单特效
- jquery右键菜单插件制作鼠标右键弹出多级菜单代码
- jQuery css3黑色的多级导航菜单下拉列表代码
- jquery蓝色的旅游网站左侧导航菜单代码
- jquery 导航插件动画导航下拉菜单Apycom软件的Java下拉菜单
- jquery仿360音乐导航条鼠标滑过阶梯动画导航条
Path旋转菜单
wheel-menu
- peachananr/wheel-menu: Add a fully customisable Path-like wheel menu button to your website
- jQuery Wheel Menu by Pete R. | The Pete Design
手风琴插件
手风琴效果
- 使用 jQuery & CSS3 实现优雅的手风琴效果 - 梦想天空(山边小溪) - 博客园
- www.cnblogs.com/lhb25/archive/2012/08/21/jquery-accordion-tutorials.html
- 基于 jQuery 实现垂直滑动的手风琴效果 - 梦想天空(山边小溪) - 博客园
模态窗口,工具提示和消息插件
- JBox - 模态窗口,工具提示和消息 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- 基于jQuery的简单消息框MsgBox插件 - CSDN博客
标签系统插件
- sniperwolf/taggingJS: jQuery plugin to tagging like a charm!
- TaggingJS – 可以灵活定制的 jQuery 标签系统插件 - 梦想天空(山边小溪) - 博客园
- taggingJS
垂直时间轴
- jquery简单竖直的线性时间轴代码
- jQuery发展历程垂直时间轴代码
- jQuery css3垂直时间轴展开动画特效
- jquery垂直时间轴鼠标滚动时间轴滚动代码
- jQuery时间轴特效动画展示垂直时间轴特效代码
- jquery仿站长之家大事记时间轴制作代码
- jquery网页时间轴代码简单的网页时间轴制作效果
- html5 web框架用div css3布局简单的时间轴列表样式
- jQuery animate滑动收缩展开时间轴大事记发展历程
所见即所得(WYSIWYG)编辑器插件
- Trumbowyg - 轻量的 WYSIWYG 编辑器 - 梦想天空(山边小溪) - 博客园
- Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode
- Alex-D/Trumbowyg: A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)
jquery-notebook
- raphaelcruzeiro/jquery-notebook: A modern, simple and elegant WYSIWYG rich text editor.
jquery-audio
- Free Jquery Audio Player | Cincopa
仪表盘插件
- ModelN/sDashboard: A simple & light weight dashboard framework in javascript
砌体
- Salvattore — A jQuery Masonry alternative with CSS-driven configuration
- rnmp/salvattore: A jQuery Masonry alternative with CSS-driven configuration.
- jQuery分步步骤
jquery-lang-js
- Irrelon/jquery-lang-js: i18n Automatically deploy and switch multi-language HTML pages without reloading the page.
- Home | Irrelon Software Limited
$地图
Maplace.js
- danielemoraschi/maplace.js: A Google Maps Javascript plugin for jQuery.
$jQuery开发插件
- umd/jqueryPlugin.js at master · umdjs/umd
- jQuery $.extend()用法总结 - 晴晴加油 - 博客园
- 理解jquery的$.extend()、$.fn和$.fn.extend()-前端开发博客
$菜单
- okayNav – jQuery响应式菜单/导航插件_dowebok
$signal jquery libs
- jQuery之家-自由分享jQuery、html5、css3的插件库
- jQuery插件库-收集最全最新最好的jQuery插件
- 插件应用 – 前端开发,JQUERY特效,全栈开发,vue开发
- Web开发者必备的20款超赞jQuery插件 - 梦想天空(山边小溪) - 博客园
- 过去几个月出炉的30款最喜欢的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- 分享一组很赞的 jQuery 特效【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 40个新鲜的 jQuery 插件,使您的网站用户友好 - 梦想天空(山边小溪) - 博客园
- 在网站开发中很有用的8个 jQuery 效果【附源码】 - 梦想天空(山边小溪) - 博客园
- Web开发者必备的20款超赞jQuery插件 - 梦想天空(山边小溪) - 博客园
- iyiguo.net/blog/2012/12/02/jquery-plugins-authoring/
- JQuery Corner Demo
- Web 开发最有用的50款 jQuery 插件集锦——《综合篇》 - 梦想天空(山边小溪) - 博客园
- jQuery 插件 - 开源软件 - 开源中国
- gabceb/jquery-browser-plugin: A jQuery plugin for browser detection
- jQuery数据缓存$.data 的使用以及源码解析 - 掘金
eslint-plugin-jquery
- dgraham/eslint-plugin-jquery: Disallow jQuery functions with native equivalents.
jquery.soap
- doedje/jquery.soap: This script uses $.ajax to send a SOAP:Envelope. It can take XML DOM, XML string or JSON as input and the response can be returned as either XML DOM, XML string or JSON too.
Sammy.js
- quirkey/sammy: Sammy is a tiny javascript framework built on top of jQuery, It's RESTful Evented Javascript.
- Sammy.js / A Small Web Framework with Class / RESTFul Evented JavaScript
demo&FAQ
jquery答疑解惑
结构
- www.w3school.com.cn/jquery/selector_contains.asp
- 动态创建Dom元素,并设置属性和类----JS&JQ - CSDN博客
- jQuery [attribute$=value] 选择器 | 菜鸟教程
- 使用jQuery获取data-的自定义属性_jquery_脚本之家
- .data() | jQuery API Documentation
- jquery中prop,attr,data的区别 - 阿弥陀佛么么哒! - 博客园
- JQuery的removeProp()与removeAttr()移除属性的区别 - CSDN博客
- JQuery的removeProp()与removeAttr()移除属性的区别 - CSDN博客
- jQuery对象与js对象互相转换 - 超级芒果 - 博客园
- JQuery $(function(){})和$(document).ready(function(){}) - 怪咖Eric - 博客园
表现
- easyui datagrid列拖拽 - wuwenhai - 博客园
- jquery判断某个元素是否包含某个类名 - CSDN博客
- js jquery获取当前元素的兄弟级 上一个 下一个元素_jquery_脚本之家
- jquery如何获取元素的滚动高度 - CSDN博客
- jquery判断某个元素是否包含某个类名 - CSDN博客
- jQuery 获取文件后缀的方法 - microsoft-zh.cn - 博客园
- jquery判断元素是否隐藏的多种方法_jquery_脚本之家
- JQuery的可见性选择器与show、hide的关系 - Javascript教程_JS教程_技术文章 - 红黑联盟
- jQuery height() 方法 | 菜鸟教程
- jquery中arrt()和prop()的区别 - Ethan's - 博客园
行为
- 通过 jQuery 先后为某个元素绑定了 click 事件,有没有办法调整其调用顺序? - 知乎
- $(document).click() 在iphone上不触发事件解决办法 - CSDN博客
- document.onclick在ios上不触发的解决方法与touchstart点击穿透处理 - Redchar - 博客园
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点 - CSDN博客
- JQ中mouseover和mouseenter的区别 - 墨韵明空 - 博客园
- jQuery 鼠标移入移出事件切换 - CSDN博客
- jQuery on()方法 - leejersey - 博客园
- JS JQuery获取当前元素的上一个下一个兄弟级元素等元素的方法 - CSDN博客
- select 2级联动和checkbox全选框联动 - CSDN博客
- javascript - 多个复选框之间的联动? - SegmentFault 思否
- jQuery对象与DOM对象之间的转换方法 - CSDN博客
- jquery 规范 - 路修远而求索 - 博客园
- JQuery跳出each循环的方法_jquery_脚本之家
- 关于jquery的each遍历,return只终止当前循环,不好使的解决办法 - CSDN博客
- jQuery+ajax实现动态加载,局部刷新, - TigerZhang - 博客园
- Jquery给HTML元素绑定按键事件-回车事件 - CSDN博客
Jquery操作技巧总结
结构
- jquery选择器_专题_脚本之家
- jQuery常用插件_专题_脚本之家
- jQuery扩展技巧_专题_脚本之家
表现
- jQuery表格(table)操作_专题_脚本之家
- jQuery判断checkbox是否选中的3种方法 - 幽冥狂_七 - 博客园
- jQuery表格(table)操作_专题_脚本之家
- jQuery form操作_专题_脚本之家
行为
- jQuery拖拽特效_专题_脚本之家
- jQuery动画与特效用法_专题_脚本之家
- jQuery加密密码到cookie的实现代码_jquery_脚本之家
- jQuery页面加载后执行的事件(3种方式) - 孔小爽 - 博客园
- JQuery获取页面关闭事件 - 孔小爽 - 博客园
- jQuery的cookie操作_专题_脚本之家
- jQuery特效_专题_脚本之家
- JQuery监听页面滚动总结 - CSDN博客
- 开发中可能会用到的几个 jQuery 小提示和技巧 - 梦想天空(山边小溪) - 博客园
- Simple Stack Effects
- jquery 事件操作on、off分析 - 筱悦 - 博客园
- Removing jQuery from GitHub.com frontend | GitHub Engineering
- JQuery老矣,尚能饭否 - 掘金
- 最全的jQuery知识汇总 - 综合讨论区 - 葡萄城产品技术社区 - 手机版 - Powered by Discuz!
- Rails Behaviors
$MooTools
mootools-core
- mootools/mootools-core: MooTools Core Repository
- mootools/mootools-more: MooTools Plugins and Enhancements Repository
- MooTools
- MooTools
- Mootools 1.4中文手册
- Mootools中文文档 - Fx/Css
- mootools | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- jQuery与MooTools库的一些比对 « 张鑫旭-鑫空间-鑫生活
- cheeaun/mooeditable: [DISCONTINUED] A simple web-based WYSIWYG editor, written in MooTools.
- sxalexander/jquery-scrollspy: A JQuery Implementation of David Walsh's MooTools scrollspy
- rauchg/TextboxList: MooTools tokenizer
- digitarald/digitarald-fancyupload: Swiff meets Ajax for powerful and elegant uploads (MooTools Plugin).
- monkeyphysics/mootools-datepicker: Smoothly animating, very configurable and easy to install. No Ajax, pure Javascript.
- plasm/the-wall: A Javascript plugin for Mootools
- chinalu/JSPinyin: To get chinese pinyin from chinese. Based on mootools.
- cpojer/mootools-mobile: Makes your web applications more touching.
- anutron/mootools-bootstrap: Bootstrap JS implementation for twitter's Bootstrap CSS framework
- moobilejs/moobile-core: A mobile application framework based on Mootools.
- samuelbirch/MultiBox: mootools lightbox plugin that supports a wide variety of media
$nodeJS
nodeJS core
¥Core
nodeJS源码解析
- node源码详解 (一) - 野路子程序员 - 博客园
- node源码详解(二 )—— 运行机制 、整体流程 - 野路子程序员 - 博客园
- node源码详解(三)—— js代码在node中的位置,process、require、module、exports的由来 - 野路子程序员 - 博客园
- Node内建模块和对象 - 掘金
- assert 模块 -- JavaScript 标准参考教程(alpha)
- [NodeJs系列]NodeJs模块机制 - 掘金
- [NodeJs系列]Q&A之理解NodeJs中的Event Loop、Timers以及process.nextTick() - 掘金
- Node.js
- Node.js 中文网
- Index | Node.js v10.0.0 Documentation
- API 文档 | Node.js 中文网
- 淘宝 NPM 镜像
- cnpmjs.org: Private npm registry and web for Company
- nswbmw/node-in-debugging: 《Node.js 调试指南》
- aisuhua/restful-api-design-references: RESTful API 设计参考文献列表,可帮助你更加彻底的了解REST风格的接口设计。
- i0natan/nodebestpractices: The largest Node.JS best practices list (June 2018)
- pipiliang/docker-dashboard: Console based docker dashboard.
- Pines-Cheng/awesome-nodejs-cn: Nodejs 资源大全中文版,正在翻译中。。。
- nswbmw/N-blog: 《一起学 Node.js》
- nodejs/node: Node.js JavaScript runtime
- 以往的版本 | Node.js
- Index of /dist/
- Node.js
- CNode:Node.js专业中文社区
¥Readline
- Readline | Node.js v8.15.0 Documentation
- https://nodejs.org/dist/latest-v8.x/docs/api/readline.json
- Node.js之readline模块的使用 - 掘金
- 如何使用node.js的readline模块进行两次连续输入? - 问答 - 云+社区 - 腾讯云
¥Stream
- 详解NodeJs流之一 - 掘金
- Node 深入Stream(1) - 掘金
- Node 深入Stream(2) - 掘金
¥path
- 浅析 NodeJs 的几种文件路径_node.js_脚本之家
- Nodejs基础:路径处理模块path总结 - 程序猿小卡 - 博客园
- Node的path.resolve(__dirname,'./src') - 简书
¥Buffer
clone-buffer
- clone-buffer - npm
- node Buffer模块急速入门 - 掘金
¥TCP模块
- Node 深入TCP模块 - 掘金
¥Crypto
- Crypto | Node.js v11.14.0 Documentation
- Crypto | Node.js v11.14.0 Documentation
- Node 快速学习 crypto 模块 - 掘金
¥EventEmitter
- [原] 探索 EventEmitter 在 Node.js 中的实现 - 掘金
¥Require
- Nodejs中的require函数 - 掘金
- Node.js 模块系统源码探微 - 掘金
¥Cluster
- NodeJS Cluster模块源码学习 - 掘金
- 深入浅出 Node.js Cluster - 掘金
¥fs
fs-extra
- fs-extra - npm
clone-stats
- clone-stats - npm
fs-copy-file-sync
- fs-copy-file-sync - npm
merge-trees
- merge-trees - npm
broccoli-merge-trees
- broccoli-merge-trees - npm
file-type
- file-type - npm
- sindresorhus/file-type: Detect the file type of a Buffer/Uint8Array
- file-type - npm
copy-concurrently
- copy-concurrently - npm
- npm/copy-concurrently: Promises of copies of files, directories and symlinks, with concurrency controls and win32 junction fallback.
- node.js中的fs.unlinkSync方法使用说明_node.js_脚本之家
- node.js中的fs.unlink方法使用说明_node.js_脚本之家
- node.js中的fs.fsync方法使用说明_node.js_脚本之家
- node.js中的fs.ftruncate方法使用说明_node.js_脚本之家
- node.js中的fs.fsyncSync方法使用说明_node.js_脚本之家
- node.js中的fs.writeSync方法使用说明_node.js_脚本之家
- node.js中的fs.write方法使用说明_node.js_脚本之家
- node.js中的fs.writeFile方法使用说明_node.js_脚本之家
- node.js中的fs.writeFileSync方法使用说明_node.js_脚本之家
- node.js中的fs.writeFile方法使用说明_node.js_脚本之家
- Node fs模块学习 - 掘金
¥HTTP
clone-response
- clone-response - npm
type-is
- type-is - npm
- jshttp/type-is: Infer the content-type of a request.
- 在Node.js中发起HTTP请求的5种方法 - 掘金
- Node 深入 HTTP 模块 - 掘金
- NodeJS Https HSM双向认证实现 - 掘金
- Nodejs核心模块之net和http - 掘金
¥进程管理
- Node.js的进程管理 - 掘金
- child_process | Node.js API 文档
- cluster | Node.js API 文档
¥依赖管理
- nodejs 中的依赖管理 - 掘金
- npm-install | npm Documentation
- npm-semver | npm Documentation
- npm-package.json | npm Documentation
- npm-package.json | npm Documentation
- Peer Dependencies | Node.js
- node.js - Why use peer dependencies in npm for plugins? - Stack Overflow
- Types of dependencies | Yarn
- "npm install --save" No Longer Using Tildes
- npm-package-lock.json | npm Documentation
- Here’s what you need to know about npm 5 - Pusher Blog
- Workspaces in Yarn | Yarn Blog
- 浅聊前端依赖管理及优化(上) - 掘金
nodeJS projects
Node.js to browser
- bokub/lyo: 📦 Node.js to browser - The easy way
ncc
- zeit/ncc: Node.js Compiler Collection
NodeTemplate
- LLBTeam/NodeTemplate: node template project
node-fs
- bailicangdu/node-fs: 基于node搭建的文件/图片管理系统
Throttle
- dmolsen/Throttle: Throttle is a simple node.js app that makes it easier to test how a website performs on poor network connections. For example, testing a responsive website on a poor 3G connection without actually having to have a poor 3G connection. Sim
- dmolsen.com
¥服务端渲染
- node服务端渲染(完整demo) - 掘金
- Requarks/wiki: Wiki.js | A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
- ElemeFE/node-interview: How to pass the Node.js interview of ElemeFE.
- answershuto/Rental: 🏠 Rental app base on Node.js
- sahat/hackathon-starter: A boilerplate for Node.js web applications
- NodeBB – 基于 Node.js 的开源论坛系统 - 梦想天空(山边小溪) - 博客园
- johntitus/node-horseman: Run PhantomJS from Node
- 用Node+wechaty写一个爬虫脚本每天定时给女(男)朋友发微信暖心话 - 掘金
nodeJS frameworks
egg.js
- eggjs/egg: 🥚 Born to build better enterprise frameworks and apps with Node.js & Koa
- egg - Born to build better enterprise frameworks and apps
- egg 设置跨域白名单 - 掘金
- EggJS实现一个简易的链路日志,集成到kibana中 - 掘金
easy-monitor
- hyj1991/easy-monitor: 轻量级实时 Node.js 内核性能监控分析工具
- Easy-Monitor
Koa
koa-body
- dlau/koa-body: koa body parser middleware
- koajs/koa: Expressive middleware for node.js using ES2017 async functions
- guo-yu/koa-guide: koa guide in Chinese
- Koa常见API - 掘金
- Koa2开发快速入门 - 掘金
- 看Koa框架源码,搞懂compose核心 - 掘金
- 个人React / Koa 项目上线——健身笔记 - 掘金
- 玩转Koa -- koa-bodyparser原理解析 - 掘金
- 使用 koa-static 在后端项目中创建静态文件容器, 存放前端资源文件 · luoquanquan/cross-domain@b8780f2
- React + Koa 实现服务端渲染(SSR) - 掘金
- 谈谈Koa 中的next - 掘金
- React + Koa 实现服务端渲染(SSR) Part II - 掘金
- koa-rapid-router超越koa-router性能的100多倍 - 掘金
- 读 koa2 源码后的一些思考与实践
kraken-js
- krakenjs/kraken-js: An express-based Node.js web application bootstrapping module.
keystonejs
- keystonejs/keystone: A scalable platform and CMS to build Node.js applications
- KeystoneJS
MVC 框架
- balderdashy/sails: Realtime MVC Framework for Node.js
- totaljs (Total.js)
- expressjs/expressjs.com
- jaredhanson/locomotive: Powerful MVC web framework for Node.js.
- totaljs/framework: Node.js framework
- flatiron/flatiron: framework components for node.js and the browser
- techpines/express.io: Realtime Micro Framework for Nodejs
- socketstream/socketstream: A framework for Realtime Web Apps
- geddy/geddy: Web framework for Node.js
nest
- nestjs/nest: A progressive Node.js framework for building efficient and scalable server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8) heavily inspired by Angular 😻🚀
- NestJS - A progressive Node.js web framework
pm2
- Unitech/pm2: Node.js Production Process Manager with a built-in Load Balancer.
- PM2 - Home
pm2-logrotate
- keymetrics/pm2-logrotate: Automatically rotate all applications logs managed by PM2
ThinkJS
- 介绍 - ThinkJS 文档
- ThinkJS - 使用 ES6/7 特性开发 Node.js 项目,支持 TypeScript
- thinkjs/thinkjs: Use full ES2015+ features to develop Node.js applications, Support TypeScript.
教你用node从零搭建一套微服务系统
- 教你用node从零搭建一套微服务系统(一) - 个人文章 - SegmentFault 思否
- 教你用node从零搭建一套微服务系统(二) - 个人文章 - SegmentFault 思否
- 教你用node从零搭建一套微服务系统(三) - 个人文章 - SegmentFault 思否
- 教你用node从零搭建一套微服务系统(四) - 个人文章 - SegmentFault 思否
- burning0xb/common-service
- burning0xb/node-service-common: 这是一个微服务通用节点
- burning0xb/node-service-order: 这是一个微服务订单节点
- burning0xb/node-service-account: 这是一个微服务账户节点
- burning0xb/api-rest
内容管理框架
strapi
- strapi/strapi: Node.js Content Management Framework (headless-CMS) to build powerful API with no effort.
- Strapi - Node.js Headless CMS for building customizable API.
- KingPixil/wing: Minimal, Responsive CSS Framework
- avwo/whistle: HTTP, HTTPS, WebSocket debugging proxy
- ksky521/nodeppt: This is probably the best web presentation tool so far!
- NetEase/pomelo: A fast,scalable,distributed game server framework for Node.js.
- zhuyingda/veneno
- Hexo - 快速,轻量,强大的 Node.js 博客框架 - 梦想天空(山边小溪) - 博客园
- 2015年最佳的15个 Node.js 开发工具 - 梦想天空(山边小溪) - 博客园
- LoopBack – 开源的,可扩展的 Node.js 框架 - 梦想天空(山边小溪) - 博客园
nodeJS libs
download-git-repo
- flipxfx/download-git-repo: Download and extract a git repository (GitHub, GitLab, Bitbucket) from node.
¥dotenv
- motdotla/dotenv: Loads environment variables from .env for nodejs projects.
- motdotla/dotenv-expand: Variable expansion for dotenv. Expand variables already on your machine for use in your .env file.
excel4node
- natergj/excel4node: Node module to allow for easy Excel file creation
¥hexo
¥hexo-theme
- LouisBarranqueiro/hexo-theme-tranquilpeak: A gorgeous responsive theme for Hexo blog framework
- probberechts/hexo-theme-cactus: A responsive, clean and simple theme for Hexo.
- ppoffice/hexo-theme-hueman: A redesign of Alx's wordpress theme hueman, ported to Hexo.
- hexojs/hexo-theme-landscape: A brand new default theme for Hexo.
- hexojs/hexo-theme-light: Default theme for Hexo
- luuman/hexo-theme-spfk: Hexo双栏博客主题仓库 Another simple and elegant theme for Hexo.
- ahonn/hexo-theme-even: A super concise theme for Hexo
- miccall/hexo-theme-Mic_Theme: hexo theme
- cofess/hexo-theme-pure: Hexo theme pure. It's a pure theme for Hexo.
- Haojen/hexo-theme-Anisina: A simple responsive , support qiniu image cdn theme for hexo https://haojen.github.io/
- fi3ework/hexo-theme-archer: a smart and modern theme for Hexo
- shenliyang/hexo-theme-snippet: Snippet 简洁而不简单,也许是一款你寻找已久的hexo主题
- ppoffice/hexo-theme-minos: A simple and retro styled Hexo theme, concentrated more on your ideas.
- Kaijun/hexo-theme-huxblog: Ported Theme of Hux Blog
- raytaylorlin/hexo-theme-raytaylorism: 一款Material Design风格的hexo主题
- wzpan/hexo-theme-freemind: Most powerful bootstrap theme for hexo.
- klugjo/hexo-theme-clean-blog: Hexo implementation of Clean Blog http://blackrockdigital.github.io/startbootstrap-clean-blog/index.html
- Molunerfinn/hexo-theme-melody: A simple & beautiful & fast theme for Hexo.
- Ben02/hexo-theme-Anatole: A white and simple Hexo theme, originated from a Farbox theme
- Mrminfive/hexo-theme-skapp: The hexo flat design theme(扁平化简约主题)
- yanm1ng/hexo-theme-vexo: 🍟 Vexo is a Hexo theme inspired by Vue's official website.
- klugjo/hexo-theme-alpha-dust: 🌠 Original Futuristic Hexo Theme
- chaooo/hexo-theme-BlueLake: A simple theme for Hexo with great performance on different devices .
- aircloud/hexo-theme-aircloud: A concise hexo theme
- iTimeTraveler/hexo-theme-hiero: An awesome magazine, blog theme for your Hexo site.
- Fechin/hexo-theme-diaspora: Hexo theme, Blog theme, Clean, Responsive theme
- kywk/hexo-theme-casper: Ghost Casper hexo port
- EYHN/hexo-theme-one: hexo单页面炫酷主题
- YenYuHsuan/hexo-theme-beantech: Ported theme of Hux Blog by Kaijun, Modified by YuHsuan
hexo-theme-next
- dongyuanxin/theme-bmw: 🔥What? A very simple but practical hexo-theme!
- 董沅鑫的个人网站
- iissnan/hexo-theme-next: Elegant theme for Hexo.
- theme-next/hexo-theme-next: Elegant and powerful theme for Hexo.
- NexT – Theme for Hexo
hexo-theme-yilia
- litten/hexo-theme-yilia: 一个简洁优雅的hexo主题 A simple and elegant theme for hexo.
- Litten的博客
hexo-theme-material
- viosey/hexo-theme-material: Material Design theme for hexo.
- neoFelhz's Blog
hexo-theme-icarus
- ppoffice/hexo-theme-icarus: A simple, delicate, and modern theme for the static site generator Hexo.
- Icarus
hexo-theme-indigo
- yscoder/hexo-theme-indigo: 一个Material Design风格的Hexo主题。 https://imys.net/ 备用:
- Yusen's Blog | 学习弯道超车的技巧!
- Yusen's Blog | 学习弯道超车的技巧!
hexo-theme-apollo
- pinggod/hexo-theme-apollo: a clean and delicate hexo theme
- hexojs/hexo: A fast, simple & powerful blog framework, powered by Node.js.
- jaredly/hexo-admin: An Admin Interface for Hexo
- EYHN/hexo-helper-live2d: Add the Sseexxyyy live2d to your hexo!
- Hexo
- 文档 | Hexo
- 五星推荐的系列文章清单 - 掘金
- 如何使用Github+Hexo快速搭建个人博客 - 掘金
¥img
图像识别
- 制作一个Node命令行图像识别工具 - 掘金
Inquirer.js
- SBoudrias/Inquirer.js: A collection of common interactive command line user interfaces.
¥jsdom
js-symbol-tree
- jsdom/js-symbol-tree: Turn any collection of objects into its own efficient tree or linked list using Symbol
- jsdom/jsdom: A JavaScript implementation of the WHATWG DOM and HTML standards, for use with node.js
looks-same
- gemini-testing/looks-same: Node.js library for comparing images
lowjs
- neonious/lowjs: A port of Node.JS with far lower system requirements. Community version for POSIX systems such as Linux, uClinux or Mac OS X.
less.js
- zhaotoday/less.js: A Node.js MVC framework based on Koa.js. 基于 Koa.js 的 Node.js MVC 框架。
- 参考 Egg.js 造了个轮子 - Less.js - 前端 - 掘金
nlp.js
- axa-group/nlp.js: An NLP library built in node over Natural, with entity extraction, sentiment analysis, automatic language identify, and so more
npm-dom
- npm-dom
¥network
http-parser-js
- creationix/http-parser-js: A pure JS HTTP parser for node.
http-proxy
- http-proxy - npm
modelproxy
- papertiger8848/modelproxy: Model your proxy as you like.
node-fetch
- bitinn/node-fetch: A light-weight module that brings window.fetch to Node.js
reverse proxy
redbird
- OptimalBits/redbird: A modern reverse proxy for node
sockjs
- sockjs/sockjs-client: WebSocket emulation - Javascript client
- sockjs/sockjs-node: WebSocket emulation - Node.js server
- javascript - 项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求 - SegmentFault 思否
- vue-cli3 一直运行 /sockjs-node/info?t= 解决方案 - 实现丰盛 - 博客园
node-DeepSpeech
- teamthesol/node-DeepSpeech: We provides 'Node' functions for easy use of 'Mozilla/DeepSpeech' STT.
node-glob
- isaacs/node-glob: glob functionality for node.js
- isaacs/node-glob: glob functionality for node.js
- Glob Patterns匹配模式使用 - 掘金
¥node-rate-limiter
node-rate-limiter-flexible
- animir/node-rate-limiter-flexible: Node.js rate limiter by key and protection from DDoS and Brute-Force attacks in process Memory, Redis, MongoDb, Memcached, MySQL, PostgreSQL, Cluster or PM
node-stream-throttle
- tjgq/node-stream-throttle: A rate limiter for node.js streams.
node-throttle
- TooTallNate/node-throttle: Node.js Transform stream that passes data through at `n` bytes per second
node-brake
- substack/node-brake: throttle a stream with backpressure
- jhurliman/node-rate-limiter: A generic rate limiter for node.js. Useful for API clients, web crawling, or other tasks that need to be throttled
node-archiver
- archiverjs/node-archiver: a streaming interface for archive generation
- Archiver Documentation
Node-Excel-Export
- functionscope/Node-Excel-Export: A simple node.js module for exporting data set to Excel xlsx file.
ora
- sindresorhus/ora: Elegant terminal spinner
sharp
- lovell/sharp: High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP and TIFF images. Uses the libvips library.
- Home - sharp
taiko
- getgauge/taiko: A node.js library to automate chrome/chromium browser
- Taiko
tink
- npm/tink: a dependency unwinder for javascript
volkswagen
- auchenberg/volkswagen: Volkswagen detects when your tests are being run in a CI server, and makes them pass.
xlsx-template
- optilude/xlsx-template: A NodeJS module to generate Excel files in .xlsx format from a template created with Excel itself
yazl
- thejoshwolfe/yazl: yet another zip library for node
¥获取命令行参数
commander.js
- tj/commander.js: node.js command-line interfaces made easy
minimist
- substack/minimist: parse argument options
node-optimist
- substack/node-optimist: Light-weight option parsing for node.js
shelljs
- https://github.com/shelljs/shelljs
- ShellJS
- shelljs - npm
yargs
- yargs/yargs: yargs the modern, pirate-themed successor to optimist.
- Node.js 命令行程序开发教程 - 阮一峰的网络日志
¥文件操作
node-fs-extra
- jprichardson/node-fs-extra: Node.js: extra methods for the fs object like copy(), remove(), mkdirs()
- [包计划] node-fs-extra - 伤口上撒糖 - 博客园
- node-"fs-extra"模块代替fs使用 - weixin_33968104的博客 - CSDN博客
- fs | Node.js API 文档
- fs-extra模块简要使用说明 | 空谷幽兰
- node-fs-extra - npm
- nodejs文件操作扩展fs-extra - 云+社区 - 腾讯云
ncp
- ncp - npm
- AvianFlu/ncp: Asynchronous recursive file copying with Node.js.
- txs1992/node-copy-files: 🚀 Node-based library for copying files;基于 Node 一个复制文件或目录的库,大小不足 1 KB。
- calvinmetcalf/copyfiles: copy files on the command line
- dudada/copyFile: nodejs 编写的复制文件命令
- dujuncheng/copy: 用node 遍历拷贝文件夹
- Joyceandlee/operationDir: fs模块实现文件及文件夹的删除,拷贝,扁平化
- coderaiser/fs-copy-file: Nodejs fs.copyFile ponyfill
- coderaiser/fs-readdir-with-file-types: fsPromises.readdir withFileTypes ponyfill https://nodejs.org/dist/latest-v10.x/docs/api/fs.html#fs_fspromises_readdir_path_options
- coderaiser/fs-copy-file-sync: Nodejs fs.copyFileSync ponyfill
- coderaiser/fs-readdir-sync-with-file-types: fs.readdirSync withFileTypes ponyfill https://nodejs.org/dist/latest-v10.x/docs/api/fs.html#fs_fs_readdirsync_path_options
ctree-cli
- ggwork/ctree-cli: The solution to list the contents of directories in a tree-like format
- ctree-cli - npm
- Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.
- DeviaVir/zenbot: Zenbot is a command-line cryptocurrency trading bot using Node.js and MongoDB.
- erhutime/MsgAllTime: 演示项目
- zeeshanu/dumper.js: A better and pretty variable inspector for your Node.js applications
¥安全
safeify
- Houfeng/safeify: 让你的 Node 应用安全的隔离的执行非信任的用户自定义代码。
- safeify/DOC.md at master · Houfeng/safeify
¥FormData
node-formidable
- node-formidable/node-formidable: A node.js module for parsing form data, especially file uploads.
¥mock数据
nock
- nock/nock: HTTP server mocking and expectations library for Node.js
mockery
- mfncooper/mockery: Simplifying the use of mocks with Node.js
mock-require
- boblauer/mock-require: Simple, intuitive mocking of Node.js modules.
antman
- open-node/antman: Debug node.js process by client REPL on net socket and is silent
- 小工具大帮手,利用 @open-node/antman 实现 node.js 进程线上调试,无须重启 - 知乎
nodeJS资源 & 整理集 & FAQ
¥nodeJS 资源
- 脚手架的开发总结 - 掘金
- 一篇文章构建你的 NodeJS 知识体系 - 掘金
- 【入门必备】最佳的 Node.js 学习教程和资料书籍 - 梦想天空(山边小溪) - 博客园
- 轻量级配置中心Nodejs版 - 掘金
- sindresorhus/awesome-nodejs: Delightful Node.js packages and resources
- 24个很赞的 Node.js 免费教程和在线指南 - 梦想天空(山边小溪) - 博客园
- 【干货分享】Node.js 中文资料导航 - 梦想天空(山边小溪) - 博客园
- 【特别推荐】Node.js 入门教程和学习资源汇总 - 梦想天空(山边小溪) - 博客园
¥nodeJS 整理集
Nodejs教程
- Nodejs教程01:Nodejs简介 - 掘金
- Nodejs教程02:response.write - 掘金
- Nodejs教程03:File System - 掘金
- Nodejs教程04:使用http和fs模块实现一个简单的服务器 - 掘金
- Nodejs教程05:HTTP协议 - 掘金
- Nodejs教程06:处理接收到的GET数据 - 掘金
- Nodejs教程07:处理接收到的POST数据 - 掘金
- Nodejs教程08:同时处理GET/POST请求 - 掘金
- Nodejs教程09:实现一个带接口请求的简单服务器 - 掘金
- Nodejs教程10:Nodejs的模块化 - 掘金
- Nodejs教程11:assert(断言) - 掘金
- Nodejs教程12:path(路径) - 掘金
- Nodejs教程13:URL模块 - 掘金
- Nodejs教程14:querystring模块 - 掘金
- Node。js教程15:net模块初探 - 掘金
- Nodejs教程16:POST文件上传 - 掘金
- Nodejs教程17:multiparty - 掘金
- Nodejs教程18:Ajax跨域 - 掘金
- Nodejs教程19:WebSocket之一:使用Socket.io建立WebSocket应用 - 掘金
- Nodejs教程20:WebSocket之二:用原生实现WebSocket应用 - 掘金
- Nodejs教程21:数据库入门 - 掘金
- Nodejs教程22:使用Nodejs操作数据库 - 掘金
- Nodejs教程23:使用async/await异步操作数据库 - 掘金
- Nodejs教程24:Stream流 - 掘金
- Nodejs教程25:启动器 - 掘金
- Nodejs教程26:Node.js项目之一:创建目录,环境配置,连接数据库 - 掘金
- Nodejs教程27:Node.js项目之二:实现路由 - 掘金
- Nodejs教程28:Node.js项目之三:实现服务器 - 掘金
- Nodejs教程29:Node.js项目之四:添加路由,完成项目 - 掘金
使用 nodejs 写爬虫
- 使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法 - 掘金
- 使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法 - 掘金
- 使用 nodejs 写爬虫(二): 抓取 github 热门项目 - 掘金
node基础与开发web程序
- node基础---01异步和事件触发 - 掘金
- node基础---02DIRT程序 - 掘金
- node基础---03node编程基础 - 掘金
- node开发web程序---04构建node web程序 - 掘金
- node开发web程序---05存储node程序的数据 - 掘金
- node开发web程序---06Connect - 掘金
- node实战前端缓存总结 - 掘金
¥nodeJS FAQ
文件操作
复制文件 & 文件夹
- node.js 递归复制文件夹(附带文件过滤功能) - Mr.聂 - 博客园
- Node.JS循环递归复制文件夹目录及其子文件夹下的所有文件 - OurJS
- Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件_node.js_脚本之家
- nodejs实现文件的拷贝复制 - 飘然离去 - 博客园
文件路径
- 浅析 NodeJs 的几种文件路径 · Issue #48 · imsobear/blog
- 关于Node.js的__dirname,__filename,process.cwd(),./文件路径的一些坑 - 个人文章 - SegmentFault 思否
- javascript - Node __dirname, process.cwd() are reporting actual directory instead of symlinked one - Stack Overflow
- nodejs __dirname 与 process.cwd()的区别-布布扣-bubuko.com
- process.cwd()和__dirname的区别 - 简书
- Node中的__dirname与process.cwd() - yanzel的专栏 - CSDN博客
- nodejs __dirname 与 process.cwd(); 的区别 - ISaiSai的专栏 - CSDN博客
- NodeJs中process.cwd()与__dirname的区别 - Tim晨 - 博客园
- node中__dirname、__filename、process.cwd()、process.chdir()表示的路径_慕课手记
- Nodejs中process.cwd()与__dirname的区别-云栖社区-阿里云
- __dirname和process.cwd()的区别 - 简书
- node删除或者复制文件夹的内容 - a641832648的博客 - CSDN博客
- Node.js fs模块(文件模块),创建、删除目录(文件),读取写入文件流 - houyanhua1的专栏 - CSDN博客
- 问答方式学 Node.js - 掘金
- 问答方式学 Node.js(二) - 掘金
- 成为自信的node.js开发者(一) - 掘金
- 成为自信的node.js 开发者 (二) - 掘金
- PhantomJS not found on PATH_慕课问答
- Node.js 进程平滑离场剖析 - 掘金
- Node.js环境性能监控 - 掘金
HTTP客户端
- 【Node.js】 使用express配置静态web服务、http客户端以及get与post基本用法 - 章鱼仔的博客
- node.js中express模块创建服务器和http模块客户端发请求 - jadeshu的博客
- node.js中express模块创建服务器和http模块客户端发请求 - jadeshu - 博客园
- 全国到底有多少人在看直播?我用Node写了个爬虫统计了一下 - 掘金
$NW.js
- NW.js
- nwjs/nw.js: Call all Node.js modules directly from DOM/WebWorker and enable a new way of writing applications with all Web technologies.
$NativeScript
- NativeScript/NativeScript: NativeScript is an open source framework for building truly native mobile apps with JavaScript. Use web skills, like Angular and Vue.js, FlexBox and CSS, and get native UI and performance on iOS and Android.
- Native mobile apps with Angular, Vue.js, TypeScript, JavaScript - NativeScript
$omi
- Tencent
- Tencent/omi: Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating)
- 腾讯开源 | Tencent Open Source
- omi/packages at master · Tencent/omi
- Omi 多端开发之 - omip 适配 h5 原理揭秘 - 掘金
$React.js
React.js core
boilerplate
- euler-ui/boilerplate: BoilerPlate for React Projects.
- boilerplate/README-zh.md at master · euler-ui/boilerplate
create-react-app
¥create-react-app core
- facebook/create-react-app: Create React apps with no build configuration.
- create-react-app/README.md at master · facebook/create-react-app
- Create React App 2.0: Babel 7, Sass, and More – React Blog
- Getting Started · Create React App
- Create React App · Set up a modern web app by running one command.
- tuchk4/awesome-create-react-app: Awesome list of Create React App articles / tutorials / videos and FAQ
- Adding TypeScript · Create React App
- parksben/react-spa-app: An single-page app skeleton in React, main structures comes from Create-React-App.
- create-react-app/README.md at master · facebook/create-react-app
- Effective JavaScript Codemods – Christoph Nakazawa – Medium
- create-react-app/adding-custom-environment-variables.md at master · facebook/create-react-app
- bkeepers/dotenv: A Ruby gem to load environment variables from `.env`.
- Code Splitting in Create React App | Serverless Stack
- Customizing create-react-app: How to Make Your Own Template
react-app-rewired
- timarney/react-app-rewired: Override create-react-app webpack configs without ejecting
handy-make
- xiyuyizhi/handy-make: a tool for create react apps,support common use features,inspired by vue-cli and create-react-app
roadhog
- sorrycc/roadhog: 🐷 Cli tool for creating react apps, configurable version of create-react-app.
- roadhog 2.0 发布 · Issue #55 · sorrycc/blog
roadhog-api-doc
- nikogu/roadhog-api-doc
- roadhog-api-doc/utils.js at master · nikogu/roadhog-api-doc
create-react-app-antd
- ant-design/create-react-app-antd: Use antd in create-react-app without ejecting ✨
- Ant Design - A UI Design Language
- 在 create-react-app 中使用 - Ant Design
react-gh-pages
- gitname/react-gh-pages: Deploying a React App (created using create-react-app) to GitHub Pages
- React App
create-react-app-typescript
- wmonk/create-react-app-typescript: DEPRECATED: Create React apps using typescript with no build configuration.
- Migrating from create-react-app-typescript to Create React App · Vincent Tunru.com
create-react-pwa
- jeffposnick/create-react-pwa: https://github.com/facebookincubator/create-react-app + Progressive Web App goodness
- PWA-ification, via SWPrecacheWebpackPlugin + manifest.json by jeffposnick · Pull Request #1728 · facebook/create-react-app
¥react-scripts
- firstlookmedia/react-scripts: ⚙ shared react app configs
- humanmade/react-wp-scripts: Integrate create-react-app with your WordPress theme/plugin.
- SZzzzz/react-scripts-ts-antd: scripts for create-react-app base on react-scripts-ts
- dozoisch/react-async-script: A React composition mixin for loading 3rd party scripts asynchronously
- raymondsze/create-react-scripts: Easily extend the react-scripts to your own version of react-scripts
- jpavon/react-scripts-ts: @jpavon/react-scripts-ts, react-scripts with ts-loader and type checker on a separate process.
- ro-savage/react-scripts-cssmodules: Enable CSS Modules for Create-React-App using the official CRA api
- pagarme/react-scripts-former-kit-dashboard: 📊 A custom react-scripts for building highly-customizable dashboards using former-kit components
¥style
- 在 Create React App 中使用 CSS Modules - 掘金
- 在 Create React App 中启用 Sass 和 Less - 掘金
¥FAQ
- 如何扩展 Create React App 的 webpack 配置 - Hacker and Geeker's Way
- 在 create-react-app 中启用装饰器语法 - 掘金
- 开发 react 应用最好用的脚手架 create-react-app - QTFYING的博客 - CSDN博客
- 扔掉Create React App,打造你自己的React生成工具! - 前端 - 掘金
- 如何扩展 Create React App 的 Webpack 配置 - 掘金
- 快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践 - 掘金
- create-react-app 配置antd - 简书
- create-react-app项目添加less配置 - SegmentFault 思否
- create-react-app 配置 less - 简书
- 基于create-react-app的再配置 - 小火柴的蓝色理想 - 博客园
- 通过create-react-app从零搭建react环境 - 个人文章 - SegmentFault 思否
- create-react-app 配置文件在什么位置呢?_慕课猿问
- Create-react-app创建的项目,不使用npm run eject将webpack.config文件暴露出来,可以模块化引用css么 - 求助 - React 中文
- create-react-app踩坑记 - -鹿- - 博客园
- 0.8.0 breaks svg sprite · Issue #1153 · facebook/create-react-app
- Decorator is not supported! · Issue #214 · facebook/create-react-app
- Easily Add an Babel Plugin · Issue #411 · facebook/create-react-app
- Document maintaining a fork of react-scripts as an alternative to ejecting · Issue #682 · facebook/create-react-app
create-react-native-app
- react-community/create-react-native-app: Create a React Native app on any OS with no build config.
- expo/expo-cli: Tools for making Expo apps
- Issues · expo/expo-cli
doc&api
¥doc & api core
React 16.0
- 重拾React: React 16.0 - 掘金
React Top-Level API
- React Top-Level API – React
- facebook/react: A declarative, efficient, and flexible JavaScript library for building user interfaces.
- React - A JavaScript library for building user interfaces
- reactjs/rfcs: RFCs for changes to React
- React 中文文档 - 用于构建用户界面的 JavaScript 库
- React 中文
- reactjs/cn.reactjs.org: (Work in progress) React documentation website in Chinese
- React integration for ASP.NET MVC | ReactJS.NET
- reactjs/zh-hans.reactjs.org: (Work in progress) React documentation website in Simplified Chinese
- docschina/react: React docs in Chinese | React 中文文档翻译
- discountry/react: React docs in Chinese | React 中文文档翻译
- React 中文文档 - 用于构建用户界面的 JavaScript 库
- React 中文文档 - 用于构建用户界面的 JavaScript 库
- Issues · facebook/react
- React 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
- React 组件 API | 菜鸟教程
- DOM Elements – React
- 传递函数给组件 - React
- yiminghe/learning-react: materials about learning react
Concurrent 模式
- Concurrent 模式介绍 (实验性) – React
- React Concurrent 模式抢先预览下篇: useTransition 的平行世界 - 掘金
¥events
- SyntheticEvent – React
- 合成事件(SyntheticEvent) – React 中文文档 v16.6.3
- 处理事件 – React 中文文档 v16.6.3
¥Fiber
React Fiber源码分析
- React Fiber源码分析 第一篇 - 掘金
- React Fiber源码分析 第二篇(同步模式) - 掘金
- React Fiber源码分析 第三篇(异步状态) - 掘金
- React Fiber源码分析 第四篇(归纳总结) - 掘金
fre
- 132yse/fre: Fast 1kb JavaScript library with Fiber and hooks API
- fre-document
- react fiber 主流程及功能模块梳理 - 掘金
- React Fiber 数据结构揭秘 - 掘金
¥memoization
- You Probably Don't Need Derived State – React Blog
- en.wikipedia.org
¥PropTypes
- reactjs - Static propTypes not working under ES6 - Stack Overflow
- webpack打包错误, Unexpected token: static propTypes... - SegmentFault 思否
- react.js - 这两种写属性验证propTypes的方法是一回事吗 - SegmentFault 思否
- 【react】利用prop-types第三方库对组件的props中的变量进行类型检测 - 外婆的彭湖湾 - 博客园
- react中ES6语法报错:static propTypes,static defaultProps :modulbuild failed:SyntaxError - 飞碟儿的博客 - CSDN博客
- React Native 系列(六) -- PropTypes - Scott_Mr - 博客园
- React中静态类型校验-PropTypes学习 - suwu150 - CSDN博客
- react中使用prop-types检测props数据类型 - 简书
- PropTypes 和组件参数验证 | React.js 小书
- React PropTypes 定义组件的属性类型和默认属性 - 卓原的进化之旅 - CSDN博客
- 使用 PropTypes 进行类型检查 - React
¥PureComponent
- React性能优化:PureComponent的使用原则 - 掘金
- React PureComponent 使用指南 - 前端 - 掘金
- PureComponent 使用注意事项以及源码解析 - 掘金
¥props & state
props
- [译]我们为什么要写 super(props)? - 掘金
- javascript - react这个什么意思<Messages {...this.props}/> - SegmentFault 思否
- react render propsGetter - 掘金
- [译]为什么要写 super(props) - 掘金
state
- horseshoe/不可变属性.md at master · veedrin/horseshoe
setState
- 深入研究React setState的工作机制 - DanceOnBeat - 博客园
- React 之 setState - CSDN博客
- React.Component – React
- setState详解 - CSDN博客
- React浅谈setState - 掘金
- [React技术内幕] setState的秘密 - 掘金
- [译]react的setState如何知道该做什么 --Dan Abramov - 掘金
- 【React深入】setState的执行机制 - 掘金
- react中父级props改变,更新子级state的多种方法 - 打伞路人 - 博客园
- React父组件更新props触发子组件的state - 简书
¥Ref
- Refs and the DOM – React
- react16——ref & dom - abc的博客 - CSDN博客
- 学习React中ref的两个demo示例_javascript技巧_脚本之家
- React ref的用法 - 看风景就 - 博客园
- react16中ref的使用 - 马优晨 - CSDN博客
- reactjs - React.createRef always null - Stack Overflow
- React中ref的使用 - 简书
- React 中的转发ref - 简书
- React16.3中的Refs和Forwarding Refs - liwusen的博客 - CSDN博客
- React学习笔记(三):引用(Refs)& DOM - 一个大神的发展史 - CSDN博客
- React ref 指北教程 - 掘金
- [React翻译]Refs and the DOM - 掘金
- React 之 Refs 详解 - 掘金
¥React事务
- React事务的一些理解 - 掘金
¥React Suspense & React.lazy()
react-suspense-polyfill
- transitive-bullshit/react-suspense-polyfill: Polyfill for the React Suspense API 😮
- react-suspense-polyfill
- Code-Splitting – React
- React v16.6.0: lazy, memo and contextType - React Blog
- Async React using React Router & Suspense – ITNEXT
- 深度理解 React Suspense - 掘金
¥React HTTP
- AJAX and APIs – React
¥React DOM
- ReactDOM – React
¥Virtual Dom & React Diff
你不知道的Virtual DOM
- 你不知道的Virtual DOM(一):Virtual Dom介绍 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM(二):Virtual Dom的更新 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM(三):Virtual Dom更新优化 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM(四):key的作用 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM(五):自定义组件 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM( 六):事件处理&异步更新 - 前端大宝剑 - SegmentFault 思否
React Diff/Render
- React 渲染优化:diff 与 shouldComponentUpdate - 掘金
- [译] Virtual Dom 和 Diff 算法在 React 中是如何工作的? - 掘金
- 让虚拟DOM和DOM-diff不再成为你的绊脚石 - 掘金
- Topic: virtual-dom
- 从零开始一步一步写一个简单的Virtual DOM实现 2 :Props&Event处理 - 某熊的全栈之路 - SegmentFault 思否
- Vue原理解析之Virtual Dom - Joe - SegmentFault 思否
facebook react-native
react-native core
- React Native 中文网
- facebook/react-native: A framework for building native apps with React.
- React Native · A framework for building native apps using React
react-native-scaling-utils
- tiaanduplessis/react-native-scaling-utils: Simple scaling utilities for React Native
react-native-custom-fonts
- atoami/react-native-custom-fonts: 📚 React Native Custom Fonts
react-native-order-flat-list
- thisXY/react-native-order-flat-list: react-native拖动排序列表
react-native-multibar
- alex-melnyk/react-native-multibar: React Native MultiBar
react-native-animated-view
- thisXY/react-native-animated-view: 你可以像jQuery那样只给结果样式就能操作各种动画,你可以控制每一个样式的动画时间、动画函数甚至每一帧等。总之,你可以随意搭配轻松如意地操纵react-native动画。
react-native-swiper
- leecade/react-native-swiper: The best Swiper component for React Native.
react-native-fetch-polyfill
- robinpowered/react-native-fetch-polyfill: Exposes options to React Native's XMLHttpRequest that are not accessible by `whatwg-fetch`
react-native-drawer-layout
- react-native-community/react-native-drawer-layout: A platform-agnostic drawer layout for react-native
react-native-drawer-layout-polyfill
- react-native-community/react-native-drawer-layout-polyfill: A polyfill for React Natives DrawerLayoutAndroid
react-three-fiber
- react-spring/react-three-fiber: ☘️ React renderer for Threejs (web and react-native)
Gakki
- shuiRong/Gakki: A React Native App for Mastodon. development acount in cmx.im:
- Gakki (@shuiRong@cmx.im) - 长毛象中文站
FAQ
- 【reaact-native】android启动屏幕等比缩放与剪裁 | 师峰的博客
- 【译】React Native - 同步和异步渲染性能 - 掘金
- 【译】React Native中的动画渐变 - 掘金
- React Native 中的状态栏 - 掘金
- React Native工程中TSLint静态检查工具的探索之路 - 掘金
- 【译】React Native布局原理(以及Fabric将做出的改变) - 掘金
- 定制化你的ReactNative底部导航栏 - 掘金
- React Native教程01:简介及环境准备 - 掘金
- React Native教程02:基础组件和样式介绍(完结) - 掘金
- [译] React Native 中那些令我收获颇丰的痛点 - 掘金
- React Native学习资源全家桶 - ReactNative开发圈 - SegmentFault 思否
- 如何在 React Native + React Navigation 的项目中优雅地处理 Android 回退按钮事件 - 前端 - 掘金
- React Navtive App 自动打包实践指南 - 前端 - 掘金
- react native 的初次尝试之环境搭建 Mac ios - 掘金
- React Native 原生模块封装:支付宝示例 - 掘金
- React Native列表视图FlatList使用优化实践指南 - 掘金
flow
- facebook/flow: Adds static typing to JavaScript to improve developer productivity and code quality.
- Flow: A Static Type Checker for JavaScript
- Getting Started | Flow
jsx
styled-jsx
- zeit/styled-jsx: Full CSS support for JSX without compromises
- styled-jsx - npm
- Topic: jsx
- [译] JSX 的替代方案 - 掘金
- 重拾JSX - 掘金
redux
redux core
- reduxjs/redux: Predictable state container for JavaScript apps
- Read Me - Redux
- www.redux.org.cn
- jasonslyvia/a-cartoon-intro-to-redux-cn: 看漫画,学 Redux。不写一行代码,轻松看懂 Redux 原理!
- redux v4.0.0 源码分析 - 掘金
- 不一样的redux源码解析 - 掘金
- 用少量代码实现redux核心部分及其演化历史 - 掘金
- 用最基础的方法讲解 Redux 实现原理 - 掘金
- Redux源码初探 - 掘金
- 自述 · GitBook
- applyMiddleware · Redux
- Redux的全家桶与最佳实践 - 知乎
- 实现撤销重做 · Redux
react-redux
react-redux-starter-kit
- davezuko/react-redux-starter-kit: Get started with React, Redux, and React-Router.
- react-redux项目实战教程 · GitBook (Legacy)
- 庖丁解牛React-Redux(一): connectAdvanced - 掘金
- 庖丁解牛React-Redux(二): connect - 掘金
- react-redux 文档 · GitBook
- reduxjs/react-redux: Official React bindings for Redux
- React Redux · Official React bindings for Redux
- react-redux源码解析 - 掘金
redux-actions
- Read Me - redux-actions
- redux-utilities/redux-actions: Flux Standard Action utilities for Redux.
redux-debounced
- ryanseddon/redux-debounced: Debounce middleware for Redux
redux-debounce
- wyze/redux-debounce: FSA-compliant middleware for Redux to debounce actions.
- redux-debounce - npm
redux-devtools-extension
- zalmoxisus/redux-devtools-extension: Redux DevTools extension.
- Extension · Redux DevTools Extension
redux-immutable
- gajus/redux-immutable: redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.
- indexiatech/redux-immutablejs: Redux Immutable facilities.
redux-logger
redux-observable
- Introduction · redux-observable
- redux-observable/redux-observable: RxJS middleware for action side effects in Redux using "Epics"
redux-persist
- rt2zz/redux-persist: persist and rehydrate a redux store
redux-react-firebase
- tiberiuc/redux-react-firebase: Use Firebase with React and Redux in ES6
- redux-react-firebase/API.md at master · tiberiuc/redux-react-firebase
redux-saga
- redux-saga/redux-saga: An alternative side effect model for Redux apps
- 初级教程 · Redux-Saga
- API 参考 · Redux-Saga
- redux-saga 实践总结 - 知乎
- Redux Saga实践
- javascript – 使用redux-saga与ES6发电机vs redux-thunk与ES7 async/await的优点/缺点 - 代码日志
- javascript – 编写一个与redux / redux-saga共享数据的HoC - 代码日志
- 从redux-thunk到redux-saga实践 - 不挑食的程序员 - SegmentFault 思否
redux-promise
- redux-utilities/redux-promise: FSA-compliant promise middleware for Redux.
rematch
- rematch/rematch: A Redux Framework
- Getting Started · Rematch
reduce-reducers
- redux-utilities/reduce-reducers: Reduce multiple reducers into a single reducer from left to right
redux-rx
- acdlite/redux-rx: RxJS utilities for Redux.
reselect
- reduxjs/reselect: Selector library for Redux
standard-redux-shape
- ecomfe/standard-redux-shape: A library to help standardize your redux state shape
redux FAQ
- React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态 - 掘金
- Redux 基础教程以及结合 React 使用方式 - 掘金
- 一起动手造轮子: Redux + React Redux - 知乎
- 为什么react-redux没有更新hooks API - 掘金
- 通俗易懂地理解Redux - 掘金
- Redux开发实用教程 - 掘金
- RxJS与Redux结合使用(一):打造自己的redux-observable - 掘金
- react-redux的使用从action规划到reducer实现及完整案例 - Marswill - CSDN博客
- react-redux/redux相关API,用法原理 - 掘金
- Redux与它的中间件:redux-thunk,redux-actions,redux-promise,redux-sage - qq_42606051的博客 - CSDN博客
- Redux、Redux-Thunk、Redux-Sagas、React-Redux学习笔记 - WJ的博客 - CSDN博客
- Redux 入门教程(一):基本用法 - 阮一峰的网络日志
- Redux 入门教程(二):中间件与异步操作 - 阮一峰的网络日志
- Redux 入门教程(三):React-Redux 的用法 - 阮一峰的网络日志
- redux-thunk, redux-logger 阮一峰 ( react中间件 ) - 小小公举 - 博客园
- React + Redux 性能优化(一):理论篇 - 掘金
- React + Redux 性能优化(二)工具篇: Immutablejs - 掘金
- Redux + Immutable.js 性能优化 - 掘金
- 10行代码看尽redux原理 —— 全面剖析redux | react-redux | redux中间件设计实现(近8k字) - 掘金
create-react-class
- create-react-class - npm
react组件库
$react-component
- react-component
form
- react-component/form: React High Order Form Component(web & react-native)
- rc-form@2.4.4 - React High Order Form Component
Material Components Web
- Develop for the Web - Material Design
pri
- prijs/pri: Powerful toolkit for building react applications/component
react-modal
- pradel/react-responsive-modal: Simple responsive react modal
- bodyflex/react-native-simple-modal: A simple JavaScript modal component for React Native.
React Toolbox
- React Toolbox首页、文档和下载 - Material 风格的 React 组件 - 开源中国社区
- react-toolbox/react-toolbox: A set of React components implementing Google's Material Design specification with the power of CSS Modules
- alexhisen/mobx-forms-demo
- MobX Forms · MobX Forms
React Components by Khan Academy
- React Components
- Khan/react-components
react-progressbar
- kimmobrunfeldt/react-progressbar.js: Responsive and slick progress bars for React.
- mathieudutour/react-progress-button: Simple react.js component for an inline progress indicator
- abdennour/react-progressbar: Basic progress bar in React.js
react-widgets
- jquense/react-widgets: An à la carte set of polished, extensible, and accessible inputs built for React
- React Widgets
rsuite
- RSUITE 3 | React Suite | 一套 React 的 UI 组件库
- RSUITE | React Suite | 一套 React 的 UI 组件库
- rsuite/rsuite: A suite of React components .
- React Suite 做了一个有意思的决定 - 掘金
- 开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件 - 掘金
react-window
- bvaughn/react-window: React components for efficiently rendering large lists and tabular data
- react-window
React Belle
- Belle - Configurable React Components with great UX
- nikgraf/belle: Configurable React Components with great UX
- Belle - Configurable React Components with great UX
reactopt
- reactopt/reactopt: A CLI React performance optimization tool that identifies potential unnecessary re-rendering
react-messenger
- sejr/react-messenger: Chat UX components built with React, inspired by Facebook Messenger
the-platform
tippy.js-react
- atomiks/tippy.js-react: React component for Tippy.js
rc-tools
- react-component/rc-tools: Tools For React Component
$结构型
$UI
antd
ant design pro
- Ant Design - 开箱即用的中台前端/设计解决方案
- ant-design/ant-design-pro: 👨🏻💻👩🏻💻 Use Ant Design like a Pro!
- 分析页 - Ant Design Pro
Ant Design React
- Ant Design of React - Ant Design
- 快速上手 - Ant Design
- ant-design/ant-design: 🐜 A UI Design Language
- Ant Design - A UI Design Language
- Ant Design - 一个 UI 设计语言
- Ant-Tool 简介 | Ant-Tool 简介
- Ant Design 实战教程(beta 版) · 语雀
ant-design-mobile
- ant-design/ant-design-mobile: A configurable Mobile UI
- Ant Design Mobile - 移动端设计规范
- Ant Design Mobile - 移动端设计规范
antd-theme-generator
- mzohaibqc/antd-theme-generator: This script is to generate color.less file to update color related css in browser.
- React App
1x.ant.design
- Ant Design - 一个 UI 设计语言
¥设计资源
- 设计资源 - Ant Design
- antd-init/examples/local-iconfont at master · ant-design/antd-init
¥antd 源码解读
- antd 源码解读 notification - 掘金
¥FAQ
antd 兼容性
- IE8 下报错不能使用 · Issue #28 · ant-tool/atool-build
- IE8下antd组件无法加载, default 在IE8下是关键字? · Issue #858 · ant-design/ant-design
- antd-init/webpack.config.js at f5fb9479ca973fade51fd6754e50f8b3fafbb1df · ant-design/antd-init
- IE9 下 Spin 组件报错 · Issue #6512 · ant-design/ant-design
- Mention 使用到 draft 导致 IE 下无法访问 · Issue #3400 · ant-design/ant-design
- 记一次 Ant Design Menu组件的使用与深入 - 掘金
- 『小帮厨』- React+AntD项目实战 - 掘金
- React引入AntD按需加载报错 - Chellyyy - 博客园
Material-UI
- Material UI首页、文档和下载 - Material Design 的 React 实现 - 开源中国社区
- mui-org/material-ui: React components that implement Google's Material Design.
- mui-org/material-ui: React components that implement Google's Material Design.
- The world's most popular React UI framework - Material-UI
Semantic UI React
- Semantic-Org/Semantic-UI-React: The official Semantic-UI-React integration
- Introduction - Semantic UI React
Onsen UI
- OnsenUI/OnsenUI: Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
- React UI Components by Onsen UI Hybrid Mobile App Framework - Onsen UI
React-Bootstrap
- React Bootstrap首页、文档和下载 - React 构建的 Bootstrap 3 组件 - 开源中国社区
React Grommet
- Grommet
- Components | Grommet
- grommet/grommet: Focus on the essential experience
- Grommet
evergreen
- segmentio/evergreen: 🌲 Evergreen React UI Framework by Segment
- Evergreen
- Evergreen
amazeui-react
- amazeui/amazeui-react: Amaze UI components built with React.js.
- Amaze UI React - Amaze UI components build with React
cuke-ui
- 🥒 黄瓜 UI: 一个即插即用的 React 组件库 - 掘金
- cuke-ui/cuke-ui: 🥒 黄瓜ui:一个即插即用的React UI 库
- 🥒 CUKE UI : 一个即插即用的 React UI 库
Fusion
Fusion Design
- 可配置组件库Fusion Design 了解一下 - 掘金
- Fusion Design
- 登录
Next 组件
- alibaba-fusion/next: A configurable component library for web built on React.
- Fusion Design
- 前端之巅
- 走近Fusion组件——无限滚动 - 掘金
react-bootstrap
- react-bootstrap/react-bootstrap: Bootstrap components built with React
- https://react-bootstrap.github.io
blueprint
- palantir/blueprint: A React-based UI toolkit for the web
- Blueprint – A React-based UI toolkit for the web
react-desktop
- gabrielbull/react-desktop: React UI Components for macOS High Sierra and Windows 10
- React Desktop | React UI Components for OS X El Capitan and Windows 10
reactstrap
- reactstrap/reactstrap: Simple React Bootstrap 4 components
- reactstrap - React Bootstrap 4 components
rebass
- rebassjs/rebass: React primitive UI components built with styled-system.
- Rebass
elemental
- elementalui/elemental: A flexible and beautiful UI framework for React.js
- Elemental UI
react-md
- mlaursen/react-md: React material design
- react-md
primereact
- primefaces/primereact: PrimeReact is a collection of rich UI components for React
- PrimeReact
mor
- monajs/mor: Mona系列 - React移动端组件库
- Mor - 让你感到幸福的 React 组件库
theme-ui
- system-ui/theme-ui: Build consistent, themeable React apps based on constraint-based design principles
- Theme UI
$WAI-ARIA
downshift
- downshift-js/downshift: 🏎 Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components
- Downshift
- kentcdodds/downshift-examples: Created with CodeSandbox
$编辑器
¥代码编辑器
react-codemirror2
- scniro/react-codemirror2: Codemirror integrated components for React
react-monaco-editor
- superRaytin/react-monaco-editor: Monaco Editor for React.
¥富文本编辑器
react-quill
- zenoamaro/react-quill: A Quill component for React.
- React-quill
braft-editor
- margox/braft-editor: 美观易用的React富文本编辑器,基于draft-js开发
- Braft Editor | 基于DraftJS的强扩展性React富文本编辑器
react-markdown-editor-lite
- HarryChen0506/react-markdown-editor-lite: 一款轻量的基于React的markdown编辑器。a light-weight Markdown editor based on markdown-it and React
- 手把手教你造一个基于React的markdown编辑器 - 掘金
$拾色器
color-picker
- react-component/color-picker: React ColorPicker
- rc-color-picker@1.2.6 - color-picker ui component for react
react-color
- React Color
- casesandberg/react-color: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
$页面 meta 属性
react-helmet
- nfl/react-helmet: A document head manager for React
react-document-title
- gaearon/react-document-title: Declarative, nested, stateful, isomorphic document.title for React
$二维码
qrcode.react
- zpao/qrcode.react: A <QRCode/> component for use with React.
$顶部进度条
nprogress
- rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc
- NProgress: slim progress bars in JavaScript
$右键菜单
react-contextmenu
- vkbansal/react-contextmenu: Context Menu implemented in React
- React ContextMenu
react-contexify
- fkhadra/react-contexify: Add a context menu to your react app with ease
- https://fkhadra.github.io/react-contexify/
$分割面板
react-split-pane
- tomkp/react-split-pane: React split-pane component
- react-split-pane
$骨架屏
reakit
- Reakit: React UI Toolkit
- reakit/reakit: Toolkit for building really interactive UIs with React
- react骨架屏 - 掘金
$表现型
$charts
- Flipboard/react-canvas: High performance <canvas> rendering for React components
¥可视化图表
BizCharts
- alibaba/BizCharts: Powerful data visualization library based on G2 and React.
- Bizcharts-基于商业场景下的数据可视化解决方案
recharts
- recharts/recharts: Redefined chart library built with React and D3
- Recharts
victory
- FormidableLabs/victory: A collection of composable React components for building interactive data visualizations
- Victory | Home
echarts-for-react
- hustcc/echarts-for-react: baidu Echarts(v3.0 & v4.0) components for React wrapper. 一个简单的 echarts(v3.0 & v4.0) 的 react 封装。
- incubator-echarts/index.js at master · apache/incubator-echarts
- ECharts Documentation
- echarts-for-react - npm
- react-echarts-v3 - npm
- xlsdg/react-echarts-v3: React.js(v16.x+) component wrap for ECharts.js(v3.x+)
- echarts-for-react
¥可视化图编辑器
GGEditor
- gaoli/GGEditor: A visual graph editor based on G6 and React
gantt
- hustcc/gantt-for-react: Frappe Gantt components for React wrapper. 一个简单的甘特图 React 组件封装。
- codejamninja/react-gantt: A gantt chart for react
- DHTMLX/react-gantt-demo: dhtmlxGantt with ReactJS
- JavaScript Gantt Chart Library - dhtmlxGantt
vx
- hshoff/vx: 🐯react + d3 = vx | visualization components
- vx | visualization components
dagre-d3
- React项目中使用dagre-d3 - 掘金
react-boilerplate-dashboard
- Soumil07/react-boilerplate-dashboard: A functional boilerplate dashboard for Discord bots.
react3dtagcloud
- react3dtagcloud - npm
- crazylxr/3dtagcloudforeact: 基于 react 的 3d 标签云
react-chartjs
- reactjs/react-chartjs: common react charting components using chart.js
$Emoji
emoji-mart
- missive/emoji-mart: One component to pick them all 👊🏼
- Emoji Mart 🏬 | One component to pick them all
$list
react-native-nlist
- janiokq/react-native-nlist: 原生Listview Native lListView react-native encapsulation Memory recovery reusing High performance
¥虚拟列表
- 使用 React + Rxjs 实现一个虚拟滚动组件 - 前端 - 掘金
$Markdown 渲染
react-markdown
- react-markdown
- rexxars/react-markdown: Render Markdown as React components
mdxjs
- mdx-js/mdx: JSX in Markdown for ambitious projects
- jxnblk/mdx-deck: MDX-based presentation decks
- MDX
- mdx-deck
- lorenseanstewart/nextjs-mdx-blog-kit: Starter code for creating a static blog system using Next.js and MDX. A service worker for offline reading is set up, and the blog has Perfect Lighthouse scores.
- eggheadio/gatsby-starter-egghead-blog: This is an example Gatsby blog site that we use as a reference at egghead.
$Navigation
React Navigation
- react-navigation/react-navigation: Routing and navigation for your React Native apps
- React Navigation · Routing and navigation for your React Native apps
- 『React Navigation 3x系列教程』createDrawerNavigator开发指南 - 掘金
- React Navigation 构建 Android 和 iOS 统一的 UI - 掘金
slider
- react-component/slider: React Slider
react-slider-kit
- M-Izadmehr/react-slider-kit: react-slider-kit is going to be a comprehensive solution to slider feature in react.
- react-slider-kit
react-animated-navigator
- MartinPham/react-animated-navigator: Easier way to make React router transitions
$SVG
svg-loaders-react
- ajwann/svg-loaders-react: React implementation of the SVG Loaders library by Sam Herbert
react-svg-inline
- MoOx/react-svg-inline: A React component to inline your SVG
SVGR
- SVGR - The React to SVG transformer
- smooth-code/svgr: Transform SVGs into React components 🦁
$布局
@rebass/grid
- rebassjs/grid: Responsive React grid system built with styled-system
react-blocks
- whoisandy/react-blocks: A higher-level react component to manage complex layouts using flexbox.
- React Blocks
react-flexbox-grid
- roylee0704/react-flexbox-grid: A set of React components implementing flexboxgrid with the power of CSS Modules.
- React Flexbox Grid
react-spreadsheet-grid
- denisraslov/react-spreadsheet-grid: An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns
- React Spreadsheet Grid
$响应式
react-responsive
- contra/react-responsive: Media queries in react for responsive design
react-media
- ReactTraining/react-media: CSS media queries for React
- react-media - npm
¥react resize
react-window-resize-listener
- cesarandreu/react-window-resize-listener: React component for listening to window resize events
- arjunskumar47/react-window-resize-listener: This React component can be used to execute some tasks when the window resize event is triggered.
react-component-resizable
- nrako/react-component-resizable: A React component to implement cross-browser event based resize detection
- zzarcon/react-resize-observer-hook: ResizeObserver + React hooks
- zalando-stups/react-automatic-width: Automatically sets `width` property on child components
- LeetCode-OpenSource/react-resize-context: ⚡️A high performance React component for responding to resize event
- quarterto/react-element-breakpoints: Element Queries in React, using the ResizeObserver polyfill.
- maslianok/react-resize-detector: A Cross-Browser, Event-based, Element Resize Detection for React
- FezVrasta/react-resize-aware: ⇲👁 A simple React Hook which allows to listen the resize event of any target element when it changes sizes
$图标
react-fa
- andreypopp/react-fa: Font Awesome icons as React components
- https://andreypopp.github.io/react-fa/
react-icons
- react-icons/react-icons: svg react icons of popular icon packs
- react-icons
react-spinners
- react-spinners by davidhu2000 · Bit
$代码高亮
react-syntax-highlighter
- conorhastings/react-syntax-highlighter: syntax highlighting component for react with prismjs or highlightjs ast using inline styles
- React Syntax Highlighter Demo
$地图
react-google-maps
- tomchentw/react-google-maps: React.js Google Maps integration component
- React Google Maps Style Guide
google-map-react
- google-map-react/google-map-react: Google map library for react that allows rendering components as markers
- React map
react-amap
- ElemeFE/react-amap: 基于 React 封装的高德地图组件。AMap Component Based On React.
- React AMap — 基于 React 的高德地图组件
$表格&表单
¥可拖放表格列表
react-beautiful-dnd
- atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React
fixed-data-table
- pheromone/suoyisuo: React Native 收起-展开
- kresent/react-native-tabbed-menu
react-datepicker
- Hacker0x01/react-datepicker: A simple and reusable datepicker component for React
- ReactJS Datepicker crafted by HackerOne
react-debounce-input
- nkbt/react-debounce-input: React component that renders Input with debounced onChange
react-event-calendar
- dptoot/react-event-calendar: A React calendar component to display events
- react-event-calendar - React JS component that will display supplied event data within a calendar view of a given month.
react-big-calendar
- intljusticemission/react-big-calendar: gcal/outlook like calendar component
- Webpack App
- arecvlohe/rbc-with-dnd-starter: A starter app for react-big-calendar with drag and drop addon.
- arecvlohe/rbc-starter: A plain ole' react-big-calendar.
dayz
- nathanstitt/dayz: A calendar component for React
react-select
- JedWatson/react-select: The Select Component for React.js
- React Select
$趋势线&时间线
react-sparklines
- borisyankov/react-sparklines: Beautiful and expressive Sparklines React component
react-event-timeline
- rcdexta/react-event-timeline: A responsive event timeline in React.js
$关键字高亮
react-highlight-words
- bvaughn/react-highlight-words: React component to highlight words within a larger body of text
- react-highlight-words
$行为型
$Chat
Chat-React
- Chat-React基于react的聊天会话组件 - 掘金
- Hzy0913/chat-react: chat react chat component
$drag&drop
react-dnd
- react-dnd/react-dnd: Drag and Drop for React
- React DnD
- React DnD
- react-dnd 用法详解 - 掘金
- React-DnD 的使用 - scarletsky
- React-DnD 的使用 - scarlex - SegmentFault 思否
react-sortable-hoc
- clauderic/react-sortable-hoc: A set of higher-order components to turn any list into an animated, touch-friendly, sortable list ✌️
- React Sortable Higher-order Components
react-dragline
- zcued/react-dragline: Guide lines and magnetic adsorption to better align draggable elements in React.
react-smooth-dnd
- kutlugsahin/react-smooth-dnd: react wrapper components for smooth-dnd
react-dnd-scrollzone
- azuqua/react-dnd-scrollzone: A smooth scrolling container for draggable items
- react-dnd-scrollzone - npm
react-dnd-html5-backend
- react-dnd/react-dnd-html5-backend: HTML5 backend for React DnD [Legacy Repo]
react-dnd-touch-backend
- yahoo/react-dnd-touch-backend: Touch Backend for react-dnd.
react-draggable-tags
- YGYOOO/react-draggable-tags: A draggable component for react
- 一个可拖拽的React标签组件 - 掘金
- react-draggable-tags
$events
react-point
- ReactTraining/react-point: Fast touch events for React
- react-point - npm
react-event-listener
- oliviertassinari/react-event-listener: A React component for binding events on the global scope.
react-hammerjs
- JedWatson/react-hammerjs: ReactJS / HammerJS integration. Support touch events in your React app.
react-event
- pinnacle/react-event: Declarative way to handle events outside / inside of React Component.
react-event-components
- pagarme/react-event-components: 🛰 A set of React components designed to handle global events (interval, keyboard, touch, mouse, etc)
react-key-handler
- ayrton/react-key-handler: React component to handle keyboard events
- react-key-handler
react-touch-events
- jerrybendy/react-touch-events: Enable tap / swipe events for react
react-hotkeys
- jaywcjlove/react-hotkeys: React component to listen to keydown and keyup keyboard events, defining and dispatching keyboard shortcuts.
- react-hot-keys 1.3.0 Demo
react-track
- ecomfe/react-track: A declarative, component based solution to track page views and user events with react & react-router
react-keyboard-event-handler
- linsight/react-keyboard-event-handler: A React component for handling keyboard events
react-outside-event
- gajus/react-outside-event: A higher order React component that attaches an event listener for events that occur outside of the component element.
react-ckeditor
- codeslayer1/react-ckeditor: CKEditor component for React with plugin and custom event listeners support
react-higher-event
- bloodyowl/react-higher-event: Declarative API to listen to events outside of a component
react-compose-events
- lucasconstantino/react-compose-events: A Higher-Order Component factory to attach outside event listeners
react-touch
- phil303/react-touch: React wrapper components that make touch events easy
react-document-events
- STRML/react-document-events: Declarative method for binding handlers to document and window - and cleaning them up.
react-with-tap-events
- hartmamt/react-with-tap-events
react-swipe-events
- iamham/react-swipe-events: Swipe (Touch) event for react component as npm package
- react-swipe-events - npm
retracked
- coursera/retracked: Event tracking for React components
react-events
- jhudson8/react-events: Declarative managed event bindings for react components
react-window-mixins
- szymonkaliski/react-window-mixins: React mixins for working with browser window events
react-eventproxy
- HuaRongSAO/react-eventproxy: react 观察者模式 事件监听发布,用于夸组件之间信息交互
- react-brasil/awesome-react-events-br: Awesome list of React events in Brazil.
$files
react-native-fs
- itinance/react-native-fs: Native filesystem access for react-native
Draft
- Draft.js · Rich Text Editor Framework for React
react-pdf-js
- mikecousins/react-pdf-js: A React component to wrap PDF.js
$react 上传&下载
dropzone-拖拽上传
- react-dropzone/react-dropzone: Simple HTML5 drag-drop zone with React.js.
- felixrieseberg/React-Dropzone-Component: ReactJS Dropzone for File Uploads (using Dropzone.js)
- liuyuanquan/react-fileupload: react版本的图片上传,支持拖拽和删除,用来复习Drag,Drop,File,XHR2
$react http
reacthttp
- hienduyph/reacthttp: A fancy, lightweight and universal http module for react. ReactHttp built on top of fetch, provides a high level implentations for REST
react-request
- jamesplease/react-request: Declarative HTTP requests for React
- SuperMarioChen/axios-redux: 在react中用axios请求到redux
$RxJS
rx-react
- fdecampredon/rx-react: ReactJS bindings for RxJS
$复制到剪贴板
react-copy-to-clipboard
- nkbt/react-copy-to-clipboard: Copy-to-clipboard React component
$应用国际化
react-intl
- React小知识(3) - 国际化中碰到的问题 - 掘金
- String without FormattedMessage · Issue #749 · yahoo/react-intl
- yahoo/react-intl: Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.
- API · yahoo/react-intl Wiki
react-intl-universal
- alibaba/react-intl-universal: Internationalize React apps. Not only for React.Component but also for Vanilla JS.
- 记一次大型React项目的国际化方案探索 - 掘金
$路由
found
- 4Catalyzer/found: Extensible route-based routing for React applications
mo-react-router
- func-star/mo-react-router: Mona系列 - react-router
Navi
- Navi – A JavaScript router and static renderer
react-router
react-router-dom
- react-router/packages/react-router-dom at master · ReactTraining/react-router
- react-router-dom - npm
- React Router DOM 中文文档(一) - 简书
- React Router DOM 中文文档(二) - 简书
- react-router-dom示例讲解(一)——基本使用 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(二)——url路径参数 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(三)——认证功能 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(四)——自定义链接 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(五)——阻止导航 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(六)——未匹配(404页面) - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(七),路径递归 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(8)侧边栏 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(9)模糊匹配 - mapbar_front的博客 - CSDN博客
- react通过react-router-dom拦截实现登录验证 - przlovecsdn的博客 - CSDN博客
- react-router-dom v^4学习历程(一) - 前端技术交流 - SegmentFault 思否
- 在React中使用react-router-dom路由 - 简书
- React-Router-DOM 4.x 的使用 - 优雅的博客 - CSDN博客
- 使用react-router-dom 来搭建react路由 - 一叶*秋 - 博客园
react-router-config
- react-router/README.md at master · ReactTraining/react-router
- react-router-config - npm
- react-router-config 插件使用和分析 - qq_33325899的博客 - CSDN博客
- react-router4基于react-router-config的路由拆分与按需加载 - 简书
- 利用react-router4的react-router-config做路由鉴权 - 个人文章 - SegmentFault 思否
react-router-5-course
- ReactTraining/react-router-5-course
- ReactTraining/react-router: Declarative routing for React
- React Router: Declarative Routing for React.js
- React Router: Declarative Routing for React.js
- React Router: Declarative Routing for React.js
- React Router: Declarative Routing for React.js
- docschina/react-router.cn: [印记中文](https://docschina.org/) - 🌐 react-router 中文文档
- Introduction | React Router 中文文档
- API 文档 | React Router 中文文档
- react-router.cn
- Deployment · Create React App
- 前端路由实现及 react-router v4 源码分析 · Issue #21 · fi3ework/blog
- Protecting a route with react-router-config? · Issue #4962 · ReactTraining/react-router
- Newest 'react-router' Questions - Stack Overflow
- 如何实现一个react-router路由拦截(导航守卫) - 掘金
- 【译】手摸手写一个你自己的 React Router v4 - 掘金
- 实现react-router v4(上) - 掘金
- javascript - reactjs - can not read property push of undefined - Stack Overflow
connected-react-router
- supasate/connected-react-router: A Redux binding for React Router v4
- dva学习-route路由学习 - Visonws的博客 - CSDN博客
react-loadable
- jamiebuilds/react-loadable: A higher order component for loading components with promises.
- react-loadable - npm
- stratiformltd/react-loadable-visibility: A wrapper around react-loadable and loadable-components to load elements once they are visible on the page.
- loading-context - CodeSandbox
- 使用 react-loadable 在 React 项目中实现 Code Splitting - 前端 - 掘金
reach
- Reach Router - Overview
- reach/router
react-router-breadcrumbs-hoc
- icd2k3/react-router-breadcrumbs-hoc: A tiny, flexible, HOC for rendering route breadcrumbs with react-router 4.x https://codesandbox.io/s/yq79m4zqlv
$图片裁切
react-image-crop
- DominicTobias/react-image-crop: A responsive image cropping tool for React
$格式化输入输出
text-mask
- text-mask/text-mask: Input mask for React, Angular, Ember, Vue, & plain JavaScript
- Text Mask: Conform user input to a string mask
react-moment
- headzoo/react-moment: React component for the moment date library.
$动画
¥loading
- React 写一个 spinner 圆形加载动画 - 掘金
react-move
- react-tools/react-move: React Move 🌀 Beautiful, data-driven animations for React
- React-Move
react-motion
- chenglou/react-motion: A spring that solves your animation problems.
react-transition-group
- reactjs/react-transition-group: An easy way to perform animations when a React component enters or leaves the DOM
- React Transition Group
tween-one
- 单元素动画 TweenOne - Ant Motion
- react-component/tween-one: Animate One React Element
- rc-tween-one@2.2.22 - tween-one anim component for react
$存储
react-native-cookies
- joeferraro/react-native-cookies: Cookie manager for React Native
react-history
- ReactTraining/react-history: Manage session history with React
- react-history - npm
$滚动、滑动
¥无限滚动
antd-table-infinity
- Leonard-Li777/antd-table-infinity: An infinite scroll component based on antd-table that supports virtual scrolling
React Virtualized
- bvaughn/react-virtualized: React components for efficiently rendering large lists and tabular data
- react-virtualized
found-scroll
- 4Catalyzer/found-scroll: Scroll management for found
mor-scroll-watcher
- func-star/mor-scroll-watcher: Mona系列 - React滚动监听器
react-router-scroll
- taion/react-router-scroll: React Router scroll management
scroll-behavior
- taion/scroll-behavior: Pluggable browser scroll management
- 对于封装react组件的一些思考 - 掘金
react project
flow-web
- FlowCI/flow-web: flow.ci frontend web based on React
- flow.ci
Instagram
- React全栈之Instagram开源视频教程 - 掘金
mengya
- manyuewuxin/mengya: 一个类知乎文章方面的应用项目
made with react.js
- React.js Showcase - Made With React.js
react-tetris
- chvin/react-tetris: Use React, Redux, Immutable to code Tetris. 🎮
- T E T R I S
React-Player
- danielbarion/React-Player: One audio player build with ReactJS and Web Audio API
- Audio Player
react-elm
- liuyangjike/react-elm
react-trello-board
- web-pal/react-trello-board: Trello like board based on React, Redux, React-dnd
- React-Trello-Board
react-jump-start
- kmhigashioka/react-jump-start: A redux-less boilerplate inspired by @kentcdodds, @mxstbr and @ryanflorence.
¥spring与react整合
- springboot与react(前后端整合) - CSDN博客
- Spring Boot与React集成 - CSDN博客
- react.js - java后端如何与react配合 - SegmentFault 思否
- React+SpringBoot项目部署 - CSDN博客
- React与Springboot整合问题整理。 - CSDN博客
- Springboot+React+antd开发问题记(一) - CSDN博客
- Springboot+React项目跨域访问问题 - CSDN博客
- springboot+scala+react-CSDN下载
- Spring集成React用来开发前端----SpringMVC + react 开发实时测试 - CSDN博客
- react实现前后台数据交互 - CSDN博客
- 使用spring boot restful + react antd - CSDN博客
- 2018最新springcloud springboot svn react视频-CSDN下载
- Springboot2.0+Spring5.0 react 初体验 - CSDN博客
- 关于Springboot项目整合前端react框架遇到的问题梳理 - CSDN博客
- Springboot+Vue 的前后端分离与合并方案 - CSDN博客
- Spring集成React用来开发前端----maven项目中用webpack打包react相关组件 - CSDN博客
- React.js 与 Spring Data REST(一)(官方文档翻译) - CSDN博客
- 基于JVM使用React.js和Spring Boot建立同构的Web应用 - CSDN博客
- phelpsyacht/react-springboot2-app: 运行登录与注册功能的app的RN前端, 后台https://github.com/phelpsyacht/springboot2-react-app-spring-security
- phelpsyacht/springboot2-react-app-spring-security: 运行登录与注册功能的RN app的服务端 集成了springboot2,spring-security,jwt, 前端https://github.com/phelpsyacht/react-springboot2-app
¥webpack打包&多页面
React多页面应用
- React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等) - CSDN博客
- React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等) - CSDN博客
- React多页面应用3(webpack4 多页面实现) - CSDN博客
- React多页面应用4(webpack4 提取第三方包及公共组件) - CSDN博客
- React多页面应用5(webpack4 多页面自动化生成多入口文件) - CSDN博客
- React多页面应用6(webpack4 开发环境打包性能初提升) - CSDN博客
- React多页面应用7(webpack4 生产环境配置) - CSDN博客
- React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等) - CSDN博客
- React多页面应用9(webpack4 引入eslint代码检查) - CSDN博客
- (源码开放) React + webpack3 多页面应用 及 常见问题解答 - CSDN博客
- okeyue的博客 - CSDN博客
- React多页面应用1(webpack开发环境搭建,包括Babel、热更新等) - CSDN博客
- React多页面应用2(处理CSS及图片,引入postCSS,及图片处理等) - CSDN博客
- React多页面应用3(webpack性能提升,包括打包性能、提取公共包等) - CSDN博客
- React多页面应用4(webpack自动化生成多入口页面) - CSDN博客
- React多页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等) - CSDN博客
- React多页面应用6(gulp自动化发布到多个环境、生成版本号、压缩成zip等) - CSDN博客
- React多页面应用7(引入eslint代码检查) - CSDN博客
- 前端人人
- 前端人人
- 前端人人
- 前端人人
- 前端人人
- 前端人人
- 前端人人
- React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)
- 前端人人
- webpack2 打包 react - CSDN博客
- react+webpack多页面程序-CSDN下载
¥react-native
react-native-mapbox-gl
- mapbox/react-native-mapbox-gl: A Mapbox GL react native module for creating custom maps
- shifeng1993/react-native-start
- Android 真机搭建 React-Native 环境踩坑记录 - 掘金
¥React 全家桶
react-universal-bucket
- liangklfangl/react-universal-bucket: 该文章来源于我的github文章全集,欢迎star
- 如何搭建一个REACT全家桶框架 - 掘金
- duxianwei520/react: React+webpack+redux+ant design+axios+less全家桶后台管理框架
¥signal
- 前端-react-订单列表和评价功能-慕课网-源码-css - 简书
- trazyn/weweChat: 💬 Unofficial WeChat client built with React, MobX and Electron.
- jixianu/EasyFun: a project using react antd webpack es6
- Juliiii/React-Cnode: react-cnode 初学react的作品
- nargusbao/2018-react-demo-2
- nargusbao/2018-react-demo-1: 预览地址:
- shinima/battle-city: 🎮 Battle city remake built with react.
- welearnmore/simple-react: 最小React启动单元
- onfuns/JGold: 掘金轻客户端
- React16.6和Typescript高仿B站Web移动端 - 掘金
- DesignRevision/shards-dashboard-react: ⚛️A free and beautiful React admin dashboard template pack.
- vadimdemedes/ink: 🌈 React for interactive command-line apps
- ValleyZw/tree: Top 100 Documentaries App with React Hooks and Material-UI
- React + Electron 搭建一个桌面应用 - 掘金
- 开源 react + koa + mysql 设计的简约风格的个人博客 - 掘金
- React写个GitHub项目管理面板 - 掘金
- bailicangdu/react-pxq: 一个 react + redux 的完整项目 和 个人总结
- jhen0409/react-chrome-extension-boilerplate: Boilerplate for Chrome Extension React.js project
- 开发一个React + Electron应用 - 掘金
- AnomalyInnovations/serverless-stack-demo-client at code-splitting-in-create-react-app
React Tools
create-react-blog
- frontarm/create-react-blog: Start and deploy your own statically rendered blog with create-react-app
- npx create-react-blog
classnames
- JedWatson/classnames: A simple javascript utility for conditionally joining classNames together
downshift
doc-scripts
- janryWang/doc-scripts: React Document Build Tool Scripts , Like react-scripts of create react app
epitath
- Astrocoders/epitath: Compose render props imperatively with async/await/CPS kinda sugar
hyperscript
- hyperhype/hyperscript: Create HyperText with JavaScript.
- hyperhype/awesome-hyperscript: Awesome list of everything hyperscript
ijk
- lukejacksonn/ijk: Transforms arrays into virtual dom trees; a terse alternative to JSX and h
$preact
preact源码分析
- preact源码分析(一) - 掘金
- preact源码分析(二) - 掘金
- preact源码分析(三) - 掘金
- preact源码分析(四) - 掘金
- preact源码分析(五) - 掘金
- 从Preact了解一个类React的框架是怎么实现的(一): 元素创建 - 掘金
- 从Preact了解一个类React的框架是怎么实现的(二): 元素diff - 掘金
- 从Preact了解一个类React的框架是怎么实现的(三): 组件 - 掘金
- Preact | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
- developit/preact-slots: 🕳 Render Preact trees into other Preact trees, like portals.
- developit/preact-jsx-chai: Add JSX assertions to Chai, with support for Preact Components.
- developit/preact-www: Preact documentation website.
- developit/preact-boilerplate: Ready-to-rock Preact starter project, powered by Webpack.
- developit/preact-cli: 😺 Your next Preact PWA starts in 30 seconds.
- developit/preact: ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
- developit/preact-cli-plugin-async: Preact CLI plugin that adds converts async/await to Promises.
- developit/preact-markup: Render HTML5 as VDOM, with Components as Custom Elements!
- developit/preact-router: URL router for Preact.
- developit/preact-render-to-string: Universal rendering for Preact: render JSX and Preact components to HTML.
- developit/preact-compat: React compatibility layer for Preact.
- developit/preact-redux: Preact integration for Redux (no shim needed!)
- developit/preact-portal: Render Preact components in (a) SPACE
- developit/linkstate: Bind events to state. Works with Preact and React.
- developit/unistore: 🌶 650b state container with component actions for Preact & React
- developit/preact-redux-example: Preact + Redux Example Project
- developit/babel-preset-preact: Babel preset to transform JSX into h() calls
- developit/preact-transition-group: transition-group ui component for preact
- developit/express-es6-rest-api: Starter project for an ES6 RESTful Express API.
- developit/preact-custom-element: Wrap your component up as a custom element
- developit/preact-token-input: A text field that tokenizes input, for things like tags.
- developit/preact-scroll-viewport: Preact Component that renders homogeneous children only when visible
- developit/preact-mdl: A collection of Preact Components that encapsulate Google's Material Design Lite.
- Preact X 来啦 - 前端 - 掘金
- 记一次preact迁移到react16.6.7的经历 - 掘金
- 【送书】Preact(React)核心原理详解
proton-native
- kusti8/proton-native: A React environment for cross platform native desktop apps
- Home - Proton Native - React Native for the desktop, cross compatible
pagedraw
- Pagedraw — Effortlessly turn mockups into functional UI code
- Pagedraw/pagedraw: a UI builder for React web apps
rims
- Rims - 换个方式使用 Redux - 掘金
react-hyperscript
- mlmorg/react-hyperscript: Hyperscript syntax for React.js markup
react-html-parser
- wrakky/react-html-parser: Converts HTML strings directly into React components avoiding the need to use dangerouslySetInnerHTML
- React HTML Parser Demo
react-wasm
- mbasso/react-wasm: Declarative WebAssembly instantiation for React
react-confirm-email
- funador/react-confirm-email: Email confirmation with React and Node
react-hot-reload.macro
- cometkim/react-hot-reload.macro: Zero configuration Hot Module Replacement using Babel macro
ReactQuantum
- ReactQuantum/ReactQuantum: Visualize your React application's component performance metrics with a live heat map.
react-boilerplate
- maksimgold208/react-boilerplate: 🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
react-af
- donavon/react-af: Allows you to code using certain React.next features today! Perfect for component library maintainers.
radium
- Radium - A React Component Styling Library
- FormidableLabs/radium: A toolchain for React component styling.
react-fastclick
- JakeSidSmith/react-fastclick: Fast Touch Events for React
- react-fastclick - npm
- VaJoy/fastclick-analysis: fastclick源码分析
react-util
- benpptung/react-util: utilities for react
react-throttle
- gmcquistin/react-throttle
react-cookbook
- shimohq/react-cookbook: 编写简洁漂亮,可维护的 React 应用
react-codemod
- reactjs/react-codemod: React codemod scripts
react-load-script
- blueberryapps/react-load-script: React component that makes it easy to load 3rd party scripts
- yariv/ReactScriptLoader: A library for creating React components that depend on external scripts.
react-lodash
- typicode/react-lodash: ⚛️ 🔧 Lodash as React components
- ⚛️🔧使用任何lodash函数作为React组件 - React开发社区 | CTOLib码库
Vue in React, React in Vue
- akxcv/vuera: Vue in React, React in Vue. Seamless integration of the two.
$HTM
lit-html
- lit-html - Visual Studio Marketplace
UNPKG
- UNPKG
vhtml
- developit/vhtml: Render JSX/Hyperscript to HTML strings, without VDOM 🌈
- vhtml - npm
jsxobj
- developit/jsxobj: Build JSON using JSX 🌈 (may contain blood magic)
omi-html
- omi/packages/omi-html at master · Tencent/omi
htm
- HTM - JSX 的替代品?还是另一种选择? - 掘金
- babel-plugin-htm - npm
- developit/htm: Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
- 精读《Htm - Hyperscript 源码》 - 掘金
- developer.mozilla.org
- Configuration Languages
$Immutable state
react-copy-write
- aweary/react-copy-write: ✍️ Immutable state with a mutable API
immutable
- 使用immutable优化React - 前端 - 掘金
- immutability-helper 插件的基本使用(附源码) - 掘金
$react npm
react-npm-component-starter
- markusenglund/react-npm-component-starter: A minimal boilerplate for building a react component for npm, including a demo page.
create-react-npm-component
- deltaskelta/create-react-npm-component: CLI tool for creating a React JS component for distribution
react-npm-component-boilerplate
- lindgr3n/react-npm-component-boilerplate: Boilerplate to create npm react components
npm-react-component-starter
- nmartinezb3/npm-react-component-starter: Base project for creating React components and publish them to npm.
$react全家桶
react-family
- brickspert/react-family: react全家桶框架
- 从零搭建React全家桶框架教程 · Issue #1 · brickspert/blog
react-curd
- awaw00/react-curd: 【React全家桶入门系列文章项目】http://blog.csdn.net/awaw00/article/category/6692955
- 【 分类 】- React全家桶入门 - 一韬的React实验室 - CSDN博客
$react-devtools
React Scope
- (翻译)React Scope介绍 - 掘金
react-perf-devtool
- nitin42/react-perf-devtool: A browser developer tool extension to inspect performance of React components.
- facebook/react-devtools: An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.
- reduxjs/redux-devtools: DevTools for Redux with hot reloading, action replay, and customizable UI
$state management
DvaJS
- DvaJS
- dvajs/dva: 🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo)
- Topic: dva
- React生态,dva源码阅读 - 掘金
- dva应用中reducers和effects的单元测试实战 - 掘金
- react-dva学习 --- 用实例来入门 - 掘金
- dva/packages/dva-loading at master · dvajs/dva
easy-peasy
- ctrlplusb/easy-peasy: Vegetarian friendly state for React
- Easy Peasy
mirror
- mirrorjs/mirror: A simple and powerful React framework with minimal API and zero boilerplate.
react-control-center
- react-control-center,再一次颠覆你对状态管理的认识 - 知乎
- Package - react-control-center
- Package - react-control-center
- fantasticsoul/react-control-center: without redux、mobx and etc, writing react app with cc mode is a funny way also, it's definitely worth doing! cc is more than a state management framework ^_^
- fantasticsoul/rcc-simple-demo: show you guys how react-control-center works
- [react-control-center tutorial 1] 启动cc - 掘金
- cc来了,下一代react状态管理解决方案,你准备好了吗 - react-control-center - SegmentFault 思否
- react-control-center,再一次颠覆你对状态管理的认识 - 掘金
- [react-control-center tutorial 2] 动态配置模块 - 掘金
- [react-control-center tutorial 3] 数据驱动视图的灵魂setState - 掘金
- react-control-center 怎样渐进式的改写你的组件 - 掘金
- [react-control-center] register函数说明 - 掘金
- [react-control-center 番外篇1] ant-design-pro powered by C_C - 掘金
- fantasticsoul/rcc-antd-pro: ant-design-pro powered by react-control-center
react-powerplug
- renatorib/react-powerplug: Renderless Containers
- React PowerPlug
- 精读《React PowerPlug 源码》 - 掘金
react-stdio
- ReactTraining/react-broadcast: Reliably communicate state changes to deeply nested React elements
- react-broadcast - npm
smox
- 132yse/smox: Fast 1kB state management used New context api and Proxy which is similar to Vuex.
stamen
- forsigner/stamen: A React state management library Based on Hooks
Unstated
- jamiebuilds/unstated: State so simple, it goes without saying
- 结合具体场景,聊聊 React 的状态管理方案 - 掘金
- React状态管理大乱斗,横向对比Dva,Rematch,Mirror - 掘金
$虚拟DOM
rawact
- sokra/rawact: [POC] A babel plugin which compiles React.js components into native DOM instructions to eliminate the need for the react library at runtime.
$异步操作
回调函数的解决方案
redux-thunk
- reduxjs/redux-thunk: Thunk middleware for Redux
- redux-thunk 之谜 - 掘金
发布/订阅的解决方案
redux-saga
Redux Hero
- Redux Hero Part 1: A Hero is Born (A Fun Introduction to Redux.js)
- Redux Hero Part 2: Actions and Their Consequences (a Fun Introduction to redux-actions)
- Redux Hero Part 3: Choose Wisely (a Fun Introduction to reselect.js)
- Redux Hero Part 5: The Hero is Tested (a Fun Introduction to redux-saga-test-plan)
- Redux Hero Part 4:每个英雄都需要一个大反派(一种有趣的方式介绍 redux-saga) - 掘金
redux saga core
- Read Me · Redux-Saga
- github.com
react-refetch
- heroku/react-refetch: A simple, declarative, and composable way to fetch data for React components
- Introducing React Refetch | Heroku
redux-effect
- 优雅的redux异步中间件 redux-effect - 掘金
- liumin1128/redux-effect: redux-effect
Promise的解决方案
redux-promise
- redux-utilities/redux-promise: FSA-compliant promise middleware for Redux.
redux-promise-middleware
- pburtchaell/redux-promise-middleware: Enables simple, yet robust handling of async action creators in Redux
- Introduction - Promise Middleware
- 一个插件让你在 Redux 中写 promise 事半功倍 - 掘金
$面向业务逻辑编程
Hooks
Hooks core
useState
useEffect
- 精读《useEffect 完全指南》 - 掘金
useContext
useReducer
- useReducer使用和原理_文摘资讯-CSDN博客
useCallback
useMemo
useRef
useImperativeMehtods / useImperativeHandle
useLayoutEffect
- React Hooks 详解 【近 1W 字】+ 项目实战 - 掘金
- React Hook 内置 API 指南 非常详细_qq_36586702的博客-CSDN博客
- Introducing Hooks – React
Hooks 教程
- 在小程序中使用 React with Hooks - 掘金
- React Hooks 起手式,实现一个「高颜值实用」的色彩设计工具 - 掘金
- [译] 如何测试 React Hooks ? - 掘金
- 「ReactNaitve」对hooks最佳实践的探索 - 掘金
- 通过简单的示例来理解React Hook - 前端 - 掘金
- React Hooks入门: 基础 - 掘金
- React hooks实践 - 掘金
- 关于React Hooks,你不得不知的事 - 掘金
- 如何在受控表单组件上使用 React Hooks - 前端 - 掘金
- 一次完整的react hooks实践 - 掘金
- React State Hooks的闭包陷阱,在使用Hooks之前必须掌握 - 掘金
- React 进阶系列:Hooks 该怎么用 - 掘金
- React教程之高阶组件 - 掘金
- React Hooks全面理解教程 - 前端 - 掘金
- React Hooks 札记 - 掘金
- React教程:组件,Hooks和性能 - 掘金
- 【翻译】在 React Hooks 中如何请求数据? - 掘金
- 在Canvas中使用React Hooks - 掘金
- weekly/79.精读《React Hooks》.md at master · dt-fe/weekly
- weekly/80.精读《怎么用 React Hooks 造轮子》.md at master · dt-fe/weekly
- 【译】如何在React Hooks中获取数据? - 掘金
- 使用React Hooks你可能会忽视的作用域问题 - 掘金
- X 为啥不是 hook? - 掘金
- Render Props and Hooks - 掘金
- 初探React Hooks & SSR改造 - 掘金
- React Hooks 入门教程 - 阮一峰的网络日志
- Thinking in React Hooks
- jvvkoo8pq3 - CodeSandbox
- How to fetch data with React Hooks? - RWieruch
- React Hooks 的用法 - 掘金
- 在react native中使用hooks - 掘金
- blog/hooks.md at vuepress · hentaicracker/blog
Hooks projects
- yjdjiayou/react-hooks-qunar-demo: 仿去哪儿网火车票移动端项目(React Hooks 版)
runtime-hooks
- gaoding-inc/runtime-hooks: 🔗 Utils for JS runtime hooking & injecting.
- 基于原型链劫持的前端代码插桩实践 - 知乎
react-hanger
- kitze/react-hanger: A small collection of useful hooks for React 16.7
- 一个很有意思的hook库:react-hanger - 掘金
react-loops
- leebyron/react-loops: React Loops works with React Hooks as part of the React Velcro Architecture
- React Loops 尝鲜 - 掘金
react-use
- streamich/react-use: React Hooks — 👍
- Components | < UseKey > - Demo ⋅ Storybook
sunflower
- ant-design/sunflower: 支付宝行业前端在使用的中台流程组件
- sunflower
usehooks
- gragland/usehooks: Easy to understand React Hook code recipes
- useHooks - Easy to understand React Hook recipes
use-debounce
- xnimorz/use-debounce: A debounce hook for react
umijs/hooks
- umijs/hooks: React Hooks Library
- @umijs/hooks
use-immer
- immerjs/use-immer: Use immer to drive state with a React hooks
- React Hooks 与 Immutable 数据流实战 - 神三元 - 掘金小册
$面向生命周期编程
¥生命周期
React v16.3新生命周期
- React v16.3新生命周期 - clf_programing - CSDN博客
- 【译】React16.3+ 生命周期 - xiaozhuo_tang的博客 - CSDN博客
- React16.3后的生命周期理解 - xjl271314的博客 - CSDN博客
- (/≧▽≦/)馒头加梨子!
- React生命周期及事件详解 - 明明的博客 - CSDN博客
- React.Component – React
- Update on Async Rendering – React Blog
- 不了解一下React16.3的新生命周期? - 掘金
- ReactV16.3即将更改的生命周期_慕课手记
React 16.4 之后的生命周期
- React 组件生命周期详解 - 掘金
- ReactUtilsDemo/react-component-lifecycle at master · beichensky/ReactUtilsDemo
react-lifecycles-compat
- reactjs/react-lifecycles-compat: Backwards compatibility polyfill for React class components
- React 生命周期浅谈 - 掘金
- 图解React的生命周期及执行顺序 - 掘金
- React新旧生命周期一览 · Issue #3 · YvetteLau/Blog
- React v16 生命周期函数详解:如何、何时使用它们(React 组件生命周期的修订和最新指南) - 掘金
- React v16 生命周期函数详解:如何、何时使用它们(React 组件生命周期的修订和最新指南) - 掘金
- react-pxq/react-lifecycle.png at master · bailicangdu/react-pxq
- React生命周期执行顺序详解 - xiaobe - 博客园
- 来谈谈Reactv16.3新生命周期知识点及遇到的问题 - html/css语言栏目:html.css - 红黑联盟
- 你真的了解 React 生命周期吗 - 掘金
Context
react-context-global-store
- eleme/react-context-global-store: A simple global store based on React context
create-react-context
- jamiebuilds/create-react-context: Polyfill for the proposed React context API
- Context – React
- Context – React
- 重拾React: Context - 掘金
- 基于React Context Api 和 Es6 Proxy的状态管理 - 掘金
- React状态管理之Context - 掘金
- (译)React ⚛️ 新的 Context API - 掘金
- 使用 react Context API 的正确姿势 - 掘金
- React 老版本的context API使用对比 - 掘金
- New version of context by acdlite · Pull Request #2 · reactjs/rfcs
- Legacy Context – React
React 事件机制
- 为何要在componentDidMount里面发送请求? - 掘金
- Where to Fetch Data: componentWillMount vs componentDidMount
- React数据获取为什么一定要在componentDidMount里面调用? - sfq_a的回答 - SegmentFault 思否
- 【React深入】React事件机制 - 掘金
- React 事件和 Dom 事件 - 掘金
- JavaScript实现自定义的生命周期 - 掘金
$测试
user-event
- Gpx/user-event: 🐕 Simulate user events for react-testing-library
- Jest & enzyme 进行react单元测试 - 掘金
- React 组件自动化测试与持续集成指北(1) - 前端 - 掘金
- React 组件自动化测试与持续集成指北(2) - 前端 - 掘金
- React 测试指南 - 掘金
polendina
- rvagg/polendina: Non-UI browser testing for JavaScript libraries from the command-line
$性能优化
react-immutable-render-mixin
- jurassix/react-immutable-render-mixin: react pure render mixin for facebook/immutable-js library
react-perf-tool
- RamonGebben/react-perf-tool: [Deprecated] Debug performance of your React application
react-hot-loader
- gaearon/react-hot-loader: Tweak React components in real time.
- React Hot Loader · Tweak React components in real time.
- React性能优化总结 - 不挑食的程序员 - SegmentFault 思否
- 使用immutable优化React - 不挑食的程序员 - SegmentFault 思否
- Mixin 已死,Composition 万岁 | EFE Tech
- React同构直出优化总结 · Issue #9 · joeyguo/blog
- 腾讯新闻React同构直出优化实践 | AlloyTeam
- react组件性能优化探索实践 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客
- React移动web极致优化 · Issue #8 · lcxfs1991/blog
- React vs Angular 2: 冰与火之歌 - 知乎
- 从 React render 谈谈性能优化 - 掘金
- 【译】精挑细选的一份React性能问题优化的清单 - 掘金
$兼容
reactie
- ambit-tsai/reactie: A solution that makes React stack work in IE8.
- Reactie Todo
react-ie8
- xcatliu/react-ie8: Make your React app work in IE8
- Make your React app work in IE8 | React IE8 | React Docs v0.14.8
$服务端渲染&pre-renderer
react-snapshot
- react-snapshot - npm
- geelen/react-snapshot: A zero-configuration static pre-renderer for React apps
react-snap
- stereobooster/react-snap: 👻 Zero-configuration framework-agnostic static prerendering for SPAs
- An Almost Static Stack – superhighfives – Medium
react-stdio
- ReactTraining/react-stdio: Render React.js components on any backend
- react-stdio - npm
- React SSR 详解【近 1W 字】+ 2个项目实战 - 掘金
react framework
asuna-cli
- ruichengping/asuna-cli: cli for rapid web development
- 企业级React项目的个人构建总结 - 个人文章 - SegmentFault 思否
anujs(works well in IE8)
- RubyLouvre/anu: the React16-compat mini library https://rubylouvre.github.io/nanachi/
- nanachi
- ydoc
- ydoc
bruce-cli
- 一个零配置开箱即用的React应用自动化构建脚手架 - 掘金
- JowayYoung/bruce-cli: React应用自动化构建脚手架
create-react-library
- transitive-bullshit/create-react-library: ⚡CLI for easily creating reusable react libraries.
gatsbyjs
- gatsbyjs/gatsby: Build blazing fast, modern apps and websites with React
- calpa/gatsby-starter-calpa-blog: Gatsby Starter of Calpa's Blog
- blog - CodeSandbox
- GatsbyJS
- Rise of the Content Mesh: Webcast with Contentful and Gatsby | Gatsby Inc.
- GatsbyJS 入门(一):打造开箱即用的现代化前端网站 - 前端 - 掘金
- GatsbyJS 入门(三):从零开始架构 React 静态网站 - 前端 - 掘金
makajs
- makajs/maka: MakaJs,react and redux based, lightweight react framework. Use json schema to express react.
- Maka.js
react-coat
- wooline/react-coat: Structured React + Redux with Typescript and support for isomorphic rendering beautifully(SSR)
- wooline/react-coat-spa-demo: A simple demo with react-coat
- React干货:SPA单页如何规划路由、设计Store、划分模块、按需加载 - 掘金
- React干货(二):提取公共代码、建立路由Store、Check路由参数类型 - 掘金
React Admin
- 随行付微服务前端开发框架React Admin - 掘金
- react-admin: 基于React、Ant Design的管理系统架构。
- sxfad/react-admin: 基于 Ant Design React 的管理系统架构
- 简介 · GitBook
- 手把手带你搭建React16+Router+Redux-saga+Antd后台管理系统 - 掘金
UmiJS
create-umi
- umijs/create-umi: Creates a UmiJS application using the command line.
UmiJS plugins
- umijs/umi-plugin-pro-block: A plugin for deliver umi block files like ant design pro structure.
- umijs/umi-plugin-library: 📦Out of box component develop plugin for umi.
- umi/packages/umi-library at master · umijs/umi
- umijs/umi-plugin-preload: A umi plugin for support async chunk preload to improve page loading performance.
- umijs/umi-plugin-mpa: MPA(multiple-page application) plugin for umi.
- umijs/umi-plugin-types: Type definitions for umi plugin api.
- umijs/umi-plugin-vue: A umi@2.x plugin for Vue.js
- umijs/umi-plugin-ga: Umi plugin to support google analytics
- umijs/umi-plugin-block-dev: A umi plugin for develop a umi block with umi.
- umijs/umi-plugin-datahub
- umijs/umi-plugin-locale: A umi plugin for provide internationalization function.
- umijs/umi-plugin-yunfengdie
- umijs/umi-plugin-gh-pages: umi plugin to publish to Github pages.
- umijs/umi-plugin-mobx-state-tree: use mobx-state-tree in umijs@2
- umijs/umi-plugin-pnp: Umi plugin to support Plug'n'Play of yarn.
- umijs/umi-plugin-ecma5-validator: Ecmascript 5 syntax validator plugin for umi.
- umijs/umi-plugin-devhtml: Plugin to save a physical HTML file for `umi dev`.
- umijs/umi-plugin-atpl: Atpl plugin for umi.
- umijs/hard-source-webpack-plugin
umi-plugin-upload
- xusanduo08/umi-plugin-upload
UmiJS tools
- umijs/umi-request: A request tool based on fetch.
- umijs/umi-lint: 🏖 Configless lint tool all in one
- umijs/umi-tools: The tools used to build umi.
- umijs/umi-notify: Notification package for all cli we maintained.
- umijs/umi-block-convertor: A cli tool to convert your umi page to a umi block.
- umijs/umi-blocks: Official collection of some high quality blocks.
- umijs/umi-hd: 移动端高清 1px 方案。
- umijs/createMockMiddleware: Express umi mock middleware
- umijs/umi-history: Manage session history with JavaScript
- umijs/umi-url-pnp-loader: A loader for webpack which transforms files into base64 URIs
UmiJS awesome
- umijs/umi-course: 简易的umi入门教程,一步一步的学习,适合零基础的朋友 https://www.yuque.com/umijs/umi
- umijs/awesome-umi: 🎉 A curated list of awesome things related to UmiJS.
UmiJS example
- umijs/umi-example-monorepo: Umi example for monorepo.
- umijs/umi-dva-user-dashboard: User dashboard example with combination use of umi and dva.
- umijs/umi-examples: examples for umi.js
- umijs/umi-example-lighthouse: umi example to archive 100*5 lighthouse score.
- umijs/umi-example-electron: Electron example with umi and dva.
- UmiJS
- github.com
UmiJS framework
umi-react
- jiechud/umi-react: 基于umi构建React快速开发框架
antd-admin
- zuiidea/antd-admin: A excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
- AntD Admin
zoro
- FaureWu/zoro: A Simple Redux Framework, For Weapp, React App and Other.
- FaureWu/zoro-plugin: Support plugins for zoro
¥服务器端渲染
Next.js
- Next.js
- zeit/next.js: Next.js is a lightweight framework for static and server‑rendered applications.
- [EasyHexo 专栏] #2 - 魔改 Next 不完全教程 - 掘金
- Next.js脚手架进阶 —— 部署上线 - 掘金
- Next.js页面渲染的优化方案 - 掘金
- 最简单的服务端渲染框架-Next.js快速入门
- ZEIT – Next.js
- 使用react+next实现服务端渲染 - 前端 - 掘金
- react服务端渲染框架Next.js踩坑(一) - 掘金
- react服务端渲染框架Next.js踩坑(二) - 掘金
- react服务端渲染框架Next.js踩坑(三) - 掘金
- nextjs/lesson4.md at master · HJianfeng/nextjs
react-app
- kriasoft/react-app: Create React App with server-side code support
- t.me
- React服务端渲染,支持模块代码按需加载,使用webpack4打包部署
- Tecode/react-mobx-ssr: React16+Mobx4+Express服务端渲染脚手架,支持代码按需加载,使用webpack4打包文件
- 乐游网站|站内资源分享,学习心得
- react同构实践——实现自己的同构模板 - 掘金
- 基于 React.js 和 Node.js 的 SSR 实现方案 - 掘金
- The Most Common XSS Vulnerability in React.js Applications
- 从 0 打造一个React的TS模板 - 掘金
react-boilerplate
- react-boilerplate/react-boilerplate: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
React 资源 & 整理集 & FAQ
React 资源
react-awesome
react-article-bucket
- liangklfangl/react-article-bucket: 总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-c
react-book
- survivejs/react-book: From apprentice to master (CC BY-NC-ND)
- Introduction
- ReactFinland
react-tutorial
- hulufei/react-tutorial: React 入门教程 http://hulufei.gitbooks.io/react-tutorial/
- 介紹 | React 入门教程
react-workshop
- ReactTraining/react-workshop: Lectures and exercises for React Training workshops
- Learn React from the creators of React Router
- Foveluy/React-awesome-resume: a resume by using Luy/React
- chentsulin/awesome-react-renderer: Awesome list of React Renderer
- hsavit1/Awesome-React-Native-Education: Use this to learn React Native
- FortAwesome/react-fontawesome: Font Awesome 5 React component
- jaredpalmer/awesome-react-render-props: Awesome list of React components with render props
- LeoMobileDeveloper/ReactNativeMaterials: React Native的中文参考资料,包括开源库,文字/视频资料,相关工具等
- crazycodeboy/react-native-awesome: React Native 学习资源精选仓库(汇聚知识,分享精华)汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。
- brillout/awesome-react-components: Catalog of React Components & Libraries
- jondot/awesome-react-native: Awesome React Native components, news, tools, and learning material!
- recal - Awesomes
- 前端全栈手册之react书单 - hainuo - 简书
- enaqx/awesome-react: A collection of awesome things regarding React ecosystem.
第三方库使用
- three.js快速上手以及在react中运用 - 掘金
react-native-thirdparty
- Geek-ch/react-native-thirdparty: collect some react-native-thirdparty 收集了一些RN的第三方组件集合 http://www.jianshu.com/p/53ff78168acc
- React Native 项目常用第三方组件汇总 - 简书
React 整理集
react-developer-roadmap
- adam-golab/react-developer-roadmap: Roadmap to becoming a React developer in 2019
React 折腾记
- React 折腾记 - (1) React Router V4 和antd侧边栏的正确关联及动态title的实现 - 掘金
- React 折腾记 - (2) 实现路由动效过渡,并解决过程中奇奇怪怪的问题 - 掘金
- React 折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏 - 掘金
- React 折腾记 - (4) 侧边栏联动Tabs菜单-增强版(结合Mobx) - 掘金
- React 折腾记 - (5) 记录用React开发项目过程遇到的问题(Webpack4/React16/antd等) - 掘金
- React 折腾记 - (6) 基于React 16.x+ Antd 3.封装的一个声明式的查询组件(实用强大) - 掘金
- React 折腾记 - (7) 基于React+Antd封装聊天记录(用到React的memo,lazy, Suspense这些) - 掘金
- React 折腾记 - (8) 基于React+Antd封装选择单个文章分类(从构建到获取) - 掘金
- React 折腾记 - (9) 基于Antd+react-router-breadcrumbs-hoc封装一个小巧的面包屑组件 - 掘金
- React 折腾记 - (10) UmiJS 2.x + antd 重写后台管理系统记录的问题及解决姿势 - 掘金
- React 折腾记 - (11) 结合Antd菜单控件(递归遍历组件)及常规优化 - 掘金
React 回忆录
- React 回忆录(一)新的旅程 - 和李先生探索 Web 开发世界 - SegmentFault 思否
- React 回忆录(二)为什么使用 React? - 和李先生探索 Web 开发世界 - SegmentFault 思否
- React 回忆录(三)使用 React 渲染界面 - 和李先生探索 Web 开发世界 - SegmentFault 思否
- React 回忆录(四)React 中的状态管理 - 和李先生探索 Web 开发世界 - SegmentFault 思否
- shenzekun/useful-tools: 🔨 一些有用的工具网站
- React实用项目分享 - 作品 - React 中文
- react 知识梳理(一) - 掘金
- react 知识梳理(二):手写一个自己的 redux - 掘金
- React 知识梳理(三):手写一个自己的 React-redux - 掘金
- React 学习路线图 - 2018版 - 前端 - 掘金
- 求大神推荐一些react.js的优秀书籍或社区? - 徐澈 的回答 - 知乎
- react-native兴趣交流群技术文章整理 - 简书
- Time_情书 - 简书
- InfoQ
- blog/前端 SPA 单页应用数据统计相关问题.md at master · erbing/blog
- React 单页程序 转 SEO 渲染踩到各种深坑。 - 前端 - 掘金
- 从 loading 的 9 种写法谈 React 业务开发 - 掘金
React FAQ
¥key
- [React技术内幕] key带来了什么 - 掘金
¥React数据流管理
- 浅谈React数据流管理 - 前端 - 掘金
¥study
开发React 插件
- 手把手教你写一个可以发布到 npm 的 React 插件 - 掘金
- react 获取服务器端时间倒计时 - tomorrow_chen - 简书
构建自己的React UI组件库
- 构建自己的React UI组件库: 构建首页 - 掘金
- 构建自己的React UI组件库: 从v0.0.0到 v0.0.1 - 掘金
- 构建自己的React UI组件库(三):文档编写 - 掘金
- React 实现一个简单实用的 Form 组件 - 掘金
- 从0到1,一步步开发React的loading组件,并发布到npm上 - 掘金
React面试
- 必须要会的 50 个 React 面试题 - 掘金
- sudheerj/reactjs-interview-questions: List of top 300 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
- semlinker/reactjs-interview-questions: List of top 301 ReactJS Interview Questions & Answers
- React中的核心概念 - mahmud - 博客园
¥demo
React入门系列
- React入门系列 - 1 开发环境搭建 - 掘金
- React入门系列 - 2 编写第一个Hello world的React程序 - 掘金
- React入门系列 - 3 state与props - 掘金
- React入门系列 - 4. 认识无状态组件 - 掘金
- React入门系列 - 5. 表单与变量的关联 - 掘金
- 2 编写第一个Hello world的React程序 - 一只会写代码的熊猫 Blog
- 从0搭建React项目 - hl_java的专栏 - CSDN博客
- 从零开始React之环境的搭建与项目的初始化 - Crcker的博客 - CSDN博客
- 从零开始搭建webpack+react开发环境 - 挨踢人啊 - 博客园
- React 小案例 用户评论 - 掘金
- 如何在react中使用OrgChart? - 掘金
- 循序渐进DIY一个react(一) - 掘金
- 循序渐进DIY一个react(二) - 掘金
- 循序渐进DIY一个react(三) - 掘金
- 循序渐进DIY一个react(四) - 掘金
- 自己动手实现一个简单的React - 掘金
- 浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层 - 掘金
- 用React实现一个简易的markdown博客应用 - 掘金
- aiyuekuang/react_home: 这是一个react得demo/脚手架项目,包含react16+redux+antd+webpack4+react-router4+sass/less+axios+immutable+proxy技术栈
- minooo/React-Study: 渐进式学习React生态圈
- 学习 React 前你需要知道些什么 - 掘金
- [译]你可以在JSX中使用console.log吗? - 掘金
- [英] Scheduling in React - 前端 - 掘金
¥组件
组件样式
- 初学React:组件的样式 - 黑乌鸦 - 博客园
- vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。 - 知乎
- React给添加元素增加样式 - freesky的专栏 - CSDN博客
- 《深入react技术栈》之样式处理 - 掘金
组件复用/可重用
Render Props
- Render Props – React
HOC
react-xstream-hoc
- staltz/react-xstream-hoc: A utility to make React components easily consume xstream streams
react-feature-toggles
- paralleldrive/react-feature-toggles: Feature Toggles for React Projects
react-debounce-render
- podefr/react-debounce-render: A React higher order component to debounce the rendering of your React components
- Higher-Order Components – React
- [译] 使用 Recompose 来构建高阶组件 - 掘金
- ES 6 装饰器与 React 高阶组件 - 掘金
- acdlite/recompose: A React utility belt for function components and higher-order components.
- React 高阶组件介绍 - 掘金
- React 高阶组件(HOC)入门指南 - 掘金
- React 中的高阶组件及其应用场景 - 掘金
- React高阶组件初探(1) - 掘金
- React 高级应用 -- 高阶组件 Heigher Order Component - 掘金
- React 高阶组件 - 掘金
hoist-non-react-statics
- mridgway/hoist-non-react-statics: Copies non-react specific statics from a child component to a parent component
容器组件
- 【译】容器组件 (Container Components) - 掘金
- Container Components – Learn React with chantastic – Medium
Mixins
- Mixins Considered Harmful – React Blog
- React Mixins入门指南 - 掘金
- React-代码复用(mixin.hoc.render props) - 掘金
react-mixin
- brigand/react-mixin: mixins in react with es6 style classes
react-mixin-manager
- jhudson8/react-mixin-manager: React mixin registration manager which allows mixins to have dependencies
- jhudson8.github.io/fancydocs/index.html#project/jhudson8/react-mixin-manager
react-backbone
- jhudson8/react-backbone: backbone-aware mixins for react and a whole lot more
<keep-alive> 组件
- React 怎么实现 Vue 的 <keep-alive> 组件 - 掘金
- React组件化复用的一些技巧 - 掘金
异步组件
React Suspense&React.lazy()
- React Suspense 尝鲜 - 掘金
- 基于React.Suspense和React.lazy的前端性能优化 - 前端 - 掘金
- 使用 React.Suspense 和 React.lazy() 实现 Code Splitting - 前端 - 掘金
- React 异步组件 - 掘金
- 【翻译】基于 Create React App路由4.0的异步组件加载(Code Splitting) - naice - SegmentFault 思否
React 组件设计模式
reactpatterns.cn
- keelii/reactpatterns.cn: 18 种短小精悍的 React 模式案例,通俗易懂值得收藏。
- React Patterns
- React Patterns
- chantastic/reactpatterns.com
- (译)React 组件设计模式基础 - 掘金
- Presentational and Container Components – Dan Abramov – Medium
- React Higher Order Components in depth – franleplant – Medium
- Function as Child Components – Merrick Christensen – Medium
- react 设计模式与最佳实践 - 掘金
- 【译】更好地设计React组件 - 掘金
- React 组件模式学习总结 - 掘金
受控组件和非受控组件
- React中的受控组件和非受控组件学习总结 - 掘金
- 《深入react技术栈》之表单 - 掘金
Function/Class
- weekly/95.精读《Function VS Class 组件》.md at master · dt-fe/weekly
- Function 与 Classes 组件的区别在哪? - 掘金
- 【译】函数组件和类组件有什么不同? - 掘金
- 精读《Function VS Class 组件》 - 掘金
- React Ways1——函数即组件 - 掘金
- react设计--他怎么知道是类组件还是函数组件 - 掘金
- How Does React Tell a Class from a Function? | Overreacted
- javascript - How do you check the difference between an ECMAScript 6 class and function? - Stack Overflow
- React 的几种条件渲染以及选择 - 掘金
- React-router、antd实现同步浏览器地址高亮对应菜单 - 掘金
- Structuring projects and naming components in React
组件通信
- react组件通讯通识篇 - 掘金
组件间通信
- react兄弟组件之间通信 - 农家小院 - CSDN博客
- react没有嵌套关系的组件之间通信方法详解 - bbgdebb的博客 - CSDN博客
- React 中的Context - 简书
- React 中组件间通信的几种方式 - 简书
- React 组件通信之 React context - 个人文章 - SegmentFault 思否
- React数据流和组件间的通信总结 - Tim晨 - 博客园
- 关于react组件之间的通信 - 极品草根 - 博客园
- 【react兄弟组件传值用啥】 - CSDN
- React组件之兄弟组件沟通
¥语法
React源代码解析
React源码系列
- React源码系列(一): 总结看源码心得及方法感受 · Issue #1 · jsonz1993/react-source-learn
- React源码系列(二): 从jsx到createElement · Issue #2 · jsonz1993/react-source-learn
- React源码系列(三): ReactRoot的创建以及调度工作scheduleWork的执行 · Issue #3 · jsonz1993/react-source-learn
- React源码系列(四): Fiber Tree && commit · Issue #4 · jsonz1993/react-source-learn
- React源码系列(五): 新 ContextAPI · Issue #5 · jsonz1993/react-source-learn
- React源代码解析(1):jsx语法是如何解析 - 掘金
- React源代码解析(2):组件的挂载 - 掘金
- React源代码解析(3):组件的生命周期 - 掘金
react-study
- janryWang/react-study: React源码分析,需要进一步了解请移步https://github.com/purplebamboo/little-reactjs
- purplebamboo/little-reactjs: 用来演示reactjs源码的仓库,一步步实现reactjs的核心功能。
- reactjs源码分析-上篇(首次渲染实现原理) | blog of purplebamboo
- reactjs源码分析-下篇(更新机制实现原理) | blog of purplebamboo
- 200行代码实现简版react🔥 - 掘金
- [译] React 是如何区分 Class 和 Function 的 ? - 掘金
- React文档(一)安装 - hahazexia - 博客园
- 你还没有听过React不完全手册?😱😱 - 掘金
- React 中无用但可以装逼的知识 - 掘金
React 源码学习
- React 源码学习(一):HTML 元素渲染 - 掘金
- React 源码学习(二):HTML 子元素渲染 - 掘金
- React 源码学习(三):CSS 样式及 DOM 属性 - 掘金
- React 源码学习(四):事务机制 - 掘金
- React 源码学习(五):事件机制 - 掘金
- React 源码学习(六):组件渲染 - 掘金
- React 源码学习(七):生命周期 - 掘金
- React 源码学习(八):组件更新 - 掘金
React调度
- [译] React 中的调度 - 掘金
¥布局
- React战记之玩转Flex布局(上篇--容器属性) - 掘金
- [译]Rendering React components to the document body - 掘金
¥报错与解决
react 内存泄露
- react 内存泄露常见问题解决方案 - 掘金
组件卸载后取消异步请求
- [React.js]组件卸载如何自动取消异步请求 - weixin_34024034的博客 - CSDN博客
- 【react】react组件销毁中清理异步操作和取消请求 - 野马yuanjili - 博客园
- isMounted is an Antipattern – React Blog
- Webpack 报错:The CLI moved into a separate package: webpack-cli - u010696334的博客 - CSDN博客
- Babel use with objects failing · Issue #556 · babel/babel-loader · GitHub
- reactjs - Error running webpack with react-grid-layout: Plugin/Preset files are not allowed to export objects, only functions - Stack Overflow
- webpack4的react打包错误-布布扣-bubuko.com
- Plugin/Preset files are not allowed to export objects,webpack报错/babel报错的解决方法 - 小结巴巴吧 - 博客园
- Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions. - 小道仙的后宫 - CSDN博客
¥兼容
$polyfill
- Discontinuing IE 8 Support in React DOM – React Blog
$senna.js
- liferay/senna.js: A blazing-fast Single Page Application engine
- Senna.js | Introduction
$Tencent
- Tencent/wepy: 小程序组件化开发框架
$Vue.js
Vue.js core
源码&awesome&文档&社区
源码
Vue Core
rfcs
- vuejs/rfcs: RFCs for substantial changes / feature additions to Vue core
- vuejs/vue: Simple yet powerful library for building modern web interfaces.
- src/vuejs.md at master · jsfront/src
- Vue.js
- vue.js
- Introduction — Vue.js
- 介绍 — Vue.js
- API — Vue.js
- API — Vue.js
- vuejs
- Vue.js 中文文档 - vuefe.cn
- API-vue中文文档
- lyon007/VueJS-docset-CN: Vue.docset dash 文档 Vue 离线文档中文版
- Vue:Vue.js专业中文社区
- Vue Forum
- 台湾的小凡的自频道-优酷视频
- vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js
- opendigg/awesome-github-vue: Vue相关开源项目库汇总
- bhnddowinf/vuejs-learn: (vue.js official website tutorials ,contains video , codes, baudi yun, youtube) 网路上有很多 VUE 综合应用的视频,但大部份的视频 ,都当你已经了解官网 所以讲的节奏难免偏快。 此视频(都
- GitHub - vuejs/vue-docs-zh-cn
Vue 源码解析
根据调试工具看Vue源码
- 根据调试工具看Vue源码之组件通信(一) - 掘金
- 根据调试工具看Vue源码之computed(一) - 掘金
- 根据调试工具看Vue源码之computed(二) - 掘金
- 根据调试工具看Vue源码之watch - 掘金
- 根据调试工具看Vue源码之虚拟dom(一) - 掘金
- 根据调试工具看Vue源码之生命周期(一) - 掘金
Vuex源码学习
- Vuex源码学习(一)功能梳理 - 掘金
- Vuex源码学习(二)脉络梳理 - 掘金
- Vuex源码学习(三)install都做了哪些事情 - 掘金
- Vuex源码学习(四)module与moduleCollection - 掘金
- Vuex源码学习(五)加工后的module - 掘金
- Vuex源码学习(六)action和mutation如何被调用的(前置准备篇) - 掘金
- Vuex源码学习(七)action和mutation如何被调用的(调用篇) - 掘金
- Vuex源码学习(八)模块的context如何被创建以及它的作用 - 掘金
- ustbhuangyi/vue-analysis: Vue.js 源码分析
- Vue.js 技术揭秘 | Vue.js 技术揭秘
- answershuto/learnVue: Vue.js 源码解析
- HcySunYang/vue-design: 📖 master分支:《渲染器》 elegant分支:逐行级别的源码分析
- 江山父老能容我 不使人间造孽钱 | 渲染器
- Vue 源码解析(实例化前) - 响应式数据的实现原理 - 掘金
- Vue 源码解析(实例化前) - 初始化全局API(一) - 掘金
- Vue 源码解析(实例化前) - 初始化全局API(二) - 掘金
- Vue 源码解析(实例化前) - 初始化全局API(三) - 掘金
- Vue 源码分析系列一:new Vue() - 掘金
- Vue源码分析系列二:$mount()方法 - 掘金
- Vue源码分析系列三:render - 掘金
- Vue源码探究-事件系统 - 掘金
- vue 源码学习(一) 目录结构和构建过程简介 - 掘金
- vue 源码学习(二) 实例初始化和挂载过程 - 掘金
- vue 源码学习(三) 创建Virtual Dom 虚拟节点 - 掘金
- Vue源码探究-数据绑定逻辑架构 - 掘金
- 「从源码中学习」Vue源码中的JS骚操作 - 掘金
- 每天学点Vue源码: vm.$mount挂载函数 - 掘金
- Vue源码探究-状态初始化 - 掘金
- Vue源码解析之数组变异 - 掘金
- Vue源码探究-构建版本的区别 - 掘金
- Production Deployment — Vue.js
- Vue-js 源码解读系列——this 直接调用数据源 - 掘金
全局配置 & 全局API
- API — Vue.js
set & delete
- Vue 不能检测到对象属性的添加或删除,注意!!! - web前端 - SegmentFault 思否
- 【vue 删除 对象属性】 - CSDN
- vue 数组中嵌套的对象添加新属性--页面更新 - 简书
- 【vue2 给对象添加属性】 - CSDN
- Vue.delete()删除对象的属性 - xiasohuai的博客 - CSDN博客
选项 & 实例属性 & 实例方法
watch
- Vue.js中 watch 的高级用法 - 掘金
- 根据调试工具看Vue源码之watch - 掘金
- Vue2.0的watch属性-(5) - 简书
computed
- [译] 监测与调试 Vue.js 的响应式系统:计算属性树(Computed Tree) - 掘金
components
- VUE的component和components - 简书
filters
- pixelspring/VueFilters: A collection of useful filters for Vue 2
- vue-global-filters/src/common/filters at master · xiterjia/vue-global-filters
mixins
vue-mixins
- paulpflug/vue-mixins: A collection of mixins in vue
- vue-mixins - npm
$nextTick
- 浅析Vue 中 $nextTick 机制 - 掘金
provide / inject
- API — Vue.js
- vue中的provide/inject的学习使用_vue.js_脚本之家
- vue学习- provide / inject - 简书
- vue高级组件之provide / inject - 哒哒哒 - CSDN博客
- Vue.js 源码学习五 —— provide 和 inject 学习 - 简书
- vue中的依赖注入 provide 和 inject - 崔凯通 - 博客园
- 详解Vue 多级组件透传新方法provide/inject_vue.js_脚本之家
- Vue实战指南之依赖注入(provide / inject) - 简书
- vue中的provide和inject - Cassie's blog - CSDN博客
- Render Functions & JSX — Vue.js
- 深入剖析Vue源码 - 选项合并(上) - 掘金
- 深入剖析Vue源码 - 选项合并(下) - 掘金
- Vue源码之 props data computed 顺序 - chuliang - 博客园
- Vue实例API - Shimily - 博客园
指令 & 特殊特性
- Vue一个案例引发「内容分发slot」的最全总结 - 掘金
- [译] 我最终是怎么玩转了 Vue 的作用域插槽 - 掘金
- vue作用域插槽,你真的懂了吗? - 掘金
slot
- vue---slot,slot-scoped,以及2.6版本之后插槽的用法 - 站住,别跑 - 博客园
- 让你的组件千变万化,Vue slot 剖玄析微
内置的组件 & VNode接口 & 服务端渲染
- API — Vue.js
Vue 生命周期
- Vue2.5笔记:Vue的实例与生命周期 - 六小登登的专栏 - CSDN博客
- vue--生命周期函数 - 大小都是愁的成长之路 - CSDN博客
- 关于Vue实例的生命周期created和mounted的区别 - 劝君惜取少年时 - SegmentFault 思否
- 详解 Vue 生命周期实现 - 掘金
- 初探 Vue 生命周期和钩子函数 - 掘金
- 异步加载在Vue生命周期哪个阶段更合理 - 掘金
- Vue源码探究-生命周期 - 掘金
- Vue生命周期 - 掘金
- vue生命周期 - 掘金
- vue生命周期详解 - 掘金
- vue中各选项及钩子函数执行顺序详解_vue.js_脚本之家
¥other
- webproblem/IntoVue: 走进 Vue 框架系列
- Vue源码中为什么要const _toStr = Object.prototype.toString? - 掘金
- Vue添加数据视图不更新问题 - 掘金
- 自己动手写一个 SimpleVue - 掘金
- 【译】VueJS 最佳实践 - 前端 - 掘金
- 「读懂源码系列1」还在恐惧读源码?看完这篇就不怕了 - 掘金
- 「读懂源码系列2」我从 lodash 源码中学到的几个知识点 - 掘金
Vue响应式数据
- Vue响应式数据: Observer模块实现 - 掘金
- Vue: Binding与Watcher - 掘金
- 深入了解 Vue 响应式原理(数据拦截) - 掘金
- 深入响应式原理 — Vue.js
- 深入了解 Vue.js 是如何进行「依赖收集] - 掘金
- 浅谈VUE响应式双向绑定 - 掘金
- 【重学Vue】数据响应原理真的是双向绑定吗? - 掘金
通信方式
Vue 组件间的通讯
- Vue 组件间的通讯 - 掘金
- Vue 组件通信方式全面详解 - 掘金
- 说说在 Vue.js 中如何实现组件间通信(高级篇) - 掘金
- 【2019 前端进阶之路】Vue 组件间通信方式完整版 - 掘金
- 剑走偏锋之Vue 组件通信(一)—通过$parent和$children构建自己的通讯方式 - 掘金
- 剑走偏锋之Vue组件通讯(二)——利用provide / inject属性构建全局状态管理 - 掘金
$dispatch 和 $broadcast
- Vue $dispatch 和 $broadcast 详解 - 掘金
依赖收集
- 深入浅出基于“依赖收集”的响应式原理 - 掘金
- 响应式数据与数据依赖基本原理 - 掘金
状态管理
- 几十行代码实现一个vue的状态管理 - 掘金
compile
- 咱来聊聊 Vue - compile - 掘金
- 如何在Vue中书写JSX - 掘金
- Vue 模板 | 大漠老师 w3cplus - 前端 - 掘金
- Vue.js 模板解析器原理 - 掘金
Virtual Dom
- 细谈 vue 核心- vdom 篇 - 掘金
- 合格前端系列第五弹- Virtual Dom && Diff(迁移) - 掘金
- xuqiang521/overwrite: 👍 overwrite some javascript methods
- 【vue系列】Virtual DOM 真的比操作原生 DOM 快吗? - saucxs - 博客园
Vue JSX
- vuejs/jsx: monorepo for Babel / Vue JSX related packages
- babel-plugin-transform-vue-jsx/README.md at master · vuejs/babel-plugin-transform-vue-jsx
- 渲染函数 & JSX — Vue.js
Hooks
- Hooks API 在 Vue 中的实现分析 - 掘金
- yyx990803/vue-hooks: Experimental React hooks implementation in Vue
Proxy
- 初探 Vue3.0 中的一大亮点——Proxy ! - 掘金
- vue3.0 尝鲜 -- 摒弃 Object.defineProperty,基于 Proxy 的观察者机制探索 - 掘金
- 深入剖析Vue源码 - 数据代理,关联子父组件 - 掘金
全局组件 & 局部组件
- 1-2 vue组件-全局注册和局部注册 - 简书
- Vue2.0 组件嵌套-全局/局部注册组件 - Shallny_chen - CSDN博客
- vue.js组件的全局注册和局部注册详解 - ma_hao99的博客 - CSDN博客
- VUE注册全局组件和局部组件 - bingxiaoxiao - 博客园
- vue 组件 全局注册和局部注册的实现_vue.js_脚本之家
- VUE注册全局组件和局部组件过程解析_vue.js_脚本之家
- Vue 组件全局注册和局部注册使用及原理 - 简书
- vue之component - Samve - 博客园
- Vue之Vue.component解析 - 玉案轩窗的博客 - CSDN博客
- Vue源码解读之Component组件注册的实现_vue.js_脚本之家
动态组件 & 异步组件
- 动态组件 & 异步组件 — Vue.js
- Vue 动态创建 component - 码游杂记 - SegmentFault 思否
- vue通过extend动态创建全局组件(插件)学习小记 - vbyzc - 博客园
- vue 动态创建组件(运行时创建组件) - zyip - 博客园
- Vue 构造器中的propsData选项 - Json的知识梦工厂 - CSDN博客
- Vue2 向Vue.extend传参-propsData属性 - xuanwuziyou的专栏 - CSDN博客
- Vue.extend构造器的详解_vue.js_脚本之家
- a524631266/vue2-dynamic-create-component: dynamic create vue2 component
- javascript - Vue.extend 创建的子组件实例化时传递参数只能通过 propsData ?? - SegmentFault 思否
- Vue隐式创建实例 - Myinlg的博客 - CSDN博客
class-component
vue-class-component
- vuejs/vue-class-component: ES / TypeScript decorator for class-style Vue components.
- vue-class-component - npm
- Vue—Typescript - yydounai的博客 - CSDN博客
- vue-class-component源码阅读 - 简书
- vue-class-component,类样式Vue组件的es/app decorator,下载vue-class-component的源码_GitHub_HELPLIB
vue-property-decorator
- kaorun343/vue-property-decorator: Vue.js and Property Decorator
vue3.0
- Vue.js 3.0 PPT(附部分中文翻译) - 掘金
- Evan You 的 Twitter: “Here’s my slides on Vue 3 today at @VueToronto : https://t.co/hqICsxIUCp #VueConfTO”
- Vue 3.0 Updates - Google 幻灯片
- vue 3 & vue-cli 3
- vuejs/vue-next
Vuex
Vuex core
- What is Vuex? | Vuex
- Introduction · Vuex
- vuejs/vuex: 🗃️ Centralized State Management for Vue.js.
- Vuex 是什么? | Vuex
vuex-class
- ktsn/vuex-class: Binding helpers for Vuex and vue-class-component
- Learn Vuex | Scrimba.com
- 【前端笔记】Vuex 是什么,为什么需要 - 掘金
- EventBus & Vuex? - 掘金
- 【前端笔记】Vuex快速使用 - 掘金
- 利用Dectorator分模块存储Vuex状态(上) - 掘金
- 利用Dectorator分模块存储Vuex状态(下) - 掘金
- 如何使用 vue + typescript 编写页面 ( vuex装饰器部分 ) - 掘金
- 如何使用 vue + typescript 编写页面 ( vuex装饰器补充部分--store装饰器 ) - 掘金
- VueJS中学习使用Vuex详解 - 个人文章 - SegmentFault 思否
- vuex到底是个啥 - 追梦-dream - 博客园
- Vue.js——十分钟入门Vuex - 简书
- 超简单入门Vuex小示例 - 个人文章 - SegmentFault 思否
- Vuex 快速入门 简单易懂 - 王念博客 - 开源中国
- vuex最简单、最详细的入门文档 - 前端研发工程师 - 梁晓谊 - SegmentFault 思否
- vue--vuex详解 - 游鱼与渔 - 博客园
- 如何更好的使用module vuex? - 掘金
- Vue递归组件+Vuex开发树形组件Tree--递归组件 - 掘金
- DIY 一个 Vuex 持久化插件 - 掘金
vuex-router-sync
- vuejs/vuex-router-sync: Effortlessly keep vue-router and vuex store in sync.
vuex-loading
- vueComponent/vuex-loading: A loading plugin like dva-loading
vuex-persistedstate
- robinvdvleuten/vuex-persistedstate: 💾 Persist and rehydrate your Vuex state between page reloads.
- vuex-persistedstate - npm
Vuex FAQ
- 从概念到实际项目__vuex指北 - 掘金
vue-loader
vue-loader core
- vuejs/vue-loader: 📦 Webpack loader for Vue.js components
- Introduction | Vue Loader
- Choose a language · vue-loader
- Introduction · vue-loader
- 选项参考 · vue-loader
- DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic · Issue #666 · vuejs/vue-loader
vue-router
vue-router 导航守卫
- 导航守卫 | Vue Router
- Vue-Router路由钩子函数(导航守卫) - 简书
- 对vue-router 3个钩子的理解 - 流年的樱花逝 - SegmentFault 思否
- Vue2.0生命周期(组件钩子函数与路由守卫) - - SegmentFault 思否
- vue-router路由切换 组件重用挖下的坑 - 踩坑小王子 - CSDN博客
- 用 vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录) - Latency の 博客 - CSDN博客
- vuejs/vue-router: 🚦 The official router for Vue.js.
- Introduction | Vue Router
- vue-router 源码阅读 - 文件结构与注册机制 - 掘金
- vue-router 一些容易被忽略的知识点 - 掘金
- addRoutes实现动态权限路由菜单 - 个人文章 - SegmentFault 思否
- 学习vue-router - 掘金
- 说说 vue-router 组件的高级应用 - 掘金
- 可能比文档还详细--VueRouter完全指北 - 掘金
vue-router addRouters
- Vue-router-3.0.1 使用router.addRoutes()设置动态路由,页面刷新后无效 - 中文 - Vue Forum
- vue-element-admin/index.js at 42aa24d1d7821d4932d81a280b87fb6ee050148e · BiYuqi/vue-element-admin
- BiYuqi/vue-element-admin: 🎢基于vue, element-ui 的后台系统 包含侧边栏权限过滤等常用组件
- BiYuqi/vue-multiple-tabs: vue-cli3 动态路由, 复用路由, 自动注入路由, 增删路由, 实战多tab页
- vue权限控制路由(vue-router 动态添加路由) - qq_28529373的博客 - CSDN博客
- vue.js - Vue-router-3.0.1 使用router.addRoutes()设置动态路由,动态路由对应页面直接刷新后无效 - SegmentFault 思否
- vue-router addRoutes后如何刷新? - SegmentFault 思否
- 手摸手,带你用vue撸后台 系列二(登录权限篇) - 手摸手系列 - SegmentFault 思否
- Route Meta Fields | Vue Router
- vue 解决addRoutes动态添加路由后,刷新失效问题 - - SegmentFault 思否
- vue的动态路由(登录之后拿到动态路由通过addRouters()动态添加路由) - 奔跑吧前端(李钊) - 博客园
- 详解基于vue,vue-router, vuex以及addRoutes进行权限控制 - Runlin - 博客园
- liuyangjike/dynamic-router: daynamic-router to display menu
- vue-router动态添加路由的方法,addRouter添加路由,提示:Duplicate named routes definition-Bug收集 - Bug搜集
- console warnin:Duplicate named routes definition · Issue #1727 · vuejs/vue-router
- addRoutes后,我换一个账号登录权限不一样了,怎么删除之前添加的的路由? · Issue #416 · PanJiaChen/vue-element-admin
- Feature request: replace routes dynamically · Issue #1234 · vuejs/vue-router
- 解决vue在控制台的 NavigationDuplicated 报错 - 红尘码农·Joseph - CSDN博客
Vue.js组件库
- 史上最全vue组件库!极速围观
¥chart&map
v-charts
- ElemeFE/v-charts: 基于 Vue2.0 和 ECharts 封装的图表组件📈📊
- 介绍 - v-charts
d3
- 用 vue + d3 画一棵树 - 掘金
vue-chartist
- Yopadd/vue-chartist: Pluging chartist for vuejs
vue-trend
- QingWei-Li/vue-trend: 🌈 Simple, elegant spark lines for Vue.js
vue-baidu-map
- ElemeFE/vue-amap: 🌍 基于 Vue 2.x 和高德地图的地图组件
- GuillaumeLeclerc/vue-google-maps: Google maps component for vue with 2-way data binding
- Dafrok/vue-baidu-map: Baidu Map components for Vue 2.x
- Vue Baidu Map
- vue-baidu-map的使用 - 花落微凉梦清幽的博客 - CSDN博客
chartjs
- vue-bulma/chartjs: Chartjs component is based on chart.js for Vue Bulma
vue-chartkick
- ankane/vue-chartkick: Create beautiful JavaScript charts with one line of Vue
- Vue Chartkick - Create beautiful JavaScript charts with one line of Vue
vue-3d-model
- hujiulong/vue-3d-model: 📷 vue.js 3D model viewer component
- vue-3d-model
vue-echarts-v3
vue-cmap
- Vue China Map Demo
vue-charts
- Vue Charts
- Coffcer/vue-chat: chat example by vue.js + vuex + webpack
- miaolz123/vue-chart: A Powerful and Highspeed Chart Parser for Vue1.X.X & Vue2.X.X
- weizhenye/vue-highcharts: Highcharts component for Vue
- SimonZhangITer/DataVisualization: by vue2.0 with echarts3.3.2
- 做一个具有异步加载特性的 echarts-vue 组件 - DB.Reid - SegmentFault 思否
- ecomfe/vue-echarts: ECharts component for Vue.js.
- apertureless/vue-chartjs: 📊 Vue.js wrapper for Chart.js
vue-apollo
- vuejs/vue-apollo: 🚀 Apollo/GraphQL integration for VueJS
- Vue Apollo
¥Clip
vue-clipboard2
- vue-clipboard2 | A simple vue2 binding to clipboard.js
¥Color
vue-color
- xiaokaike/vue-color: Vue Color Pickers for Sketch, Photoshop, Chrome & more http://vue-color.surge.sh
¥Demo示例
实际开发案例
- phanan/koel: A personal music streaming server that works.
- pagekit/pagekit: Pagekit CMS
- Vuedo/vuedo: Vuedo is a blog platform, built with Laravel and Vue.js.
- lzxb/vue-cnode: 基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
- ciqulover/CMS-of-Blog: deprecated
- mrgodhani/rss-reader: Simple RSS Reader made using atom electron and vue.js
- viko16/vue-ghpages-blog: ✏️ A blog based on GitHub Pages built with Vue.js 2 + webpack 3.
- thelinuxlich/vue-dashing-js: The dashboard framework Dashing reimplemented in Node.js + Vue.js
- sapjax/fewords: a simple notepad supports markdown
- shinygang/Vue-cnodejs: 基于vue.js重写Cnodejs.org社区的webapp
- hilongjw/vue-zhihu-daily: zhihu daily spa with vue 线上演示在这里 ---->
- useryangtao/vue-wechat: 用Vue.js开发微信app
- lzxb/vue2-demo: 从零构建vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能
- kenberkeley/vue-demo: Vue.js 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释,让您快速上手 Vue.js 开发 SPA。Webpack / ES6 + Babel / Vue Router / (Vue Resource?) / (Vue Validator?) / (Vuex?) —— An Excellent Vue
- zhengguorong/maizuo: 使用vue/vuex/redux开发的卖座网
- codecasts/spa-starter-kit: A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js
- Sioxas/vue-music: Vue 音乐搜索、播放 Demo
- ericjjj/douban: Douban book website demo by server side render
- liangxiaojuan/vue-Meizi: vue最新实战项目,vue2 + vuex + webpack + es6 干货多多,新手福利
- yatessss/zhihudaily-vue: 知乎日报web版---vue
- lavyun/vue-demo-kugou: 酷狗webapp demo(vue2.0+vue-router+vuex)
- canfoo/vue2.0-taopiaopiao: vue2.0+router+vuex+express 构建淘票票的全栈demo
- jiangjiu/vue-leancloud-blog: Vue.js+Vuex+vue-router 我的单页应用博客
- yjj5855/node-vue-server-webpack
- wendaosanshou/mi-by-vue: 使用vue.js模仿小米官网
- okoala/vue-fis3: Vue & Fis3 & Use Vue Component
- superman66/vue2.x-douban: Vue2.0实现简易豆瓣电影webApp
- ChuckCZC/vue-demo-maizuo: 用vue2模仿卖座网:http://m.maizuo.com/v4/?co=maizuo
- iHaPBoy/vue-zhihudaily: 🗞 知乎日报 Web 基于 Vue 2.3
- liujians/vue-adminLte-vue-router: SPA about vue-cli+adminLte+vue-router
- superman66/vue-axios-github: Vue 全家桶 + axios 前端实现登录拦截、登出、拦截器等功能
- pomelo-chuan/Zhihu-Daily-Vue.js: 依旧江山,无边云树
- rokups/hello-vue-django: vuejs and Django integration with hot code reload
- wszgxa/vue-cnode: 一个vuex vue-router vue-resource的单页面应用demo,api来自cnodejs
- CommanderXL/x-blog: 个人博客
- xrr2016/vue-express-mongodb: 前后端分离
- cs1707/vue-zhihudaily-2.0: Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering
- lin-xin/notepad: 基于vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。
- elva2596/vueBlog
- hql123/vue-ruby-china: 使用Vue.js框架搭建的ruby china山寨版,集成vue-router+vuex等
- littlewin-wang/Zhihu_Daily: A Zhihu_Daily Web demo made by Vue.js
- SimonZhangITer/VueDemo_Sell_Eleme: ele by vue2.x
- njleonzhang/vue-data-tables: A simple, customizable and pageable table, based on vue2 and element-ui
- Molunerfinn/vue-koa-demo: A simple full stack demo(CSR & SSR & Docker Support) written by Vue2 & Koa2(Koa1 verson also completed)
- vincentSea/vue2.x-Cnode: 基于vue+vue-router+vuex+axios+webpack开发的vue2.x Cnode社区
- shaqihe/life-app-vue: 使用vue2,完成一个多功能集合到小webapp
- SidKwok/github-explorer: github-explorer(vue)
- albertchan/vue-ssr-boilerplate: Vue + vue-router + vuex boilerplate with server-side rendering
- nswbmw/vue-bushishiren: 不是诗人
- WebCodeFarmer/houtai: 基于VUE和ElementUI的微信后台编辑系统
- QRL909109/ios7: 使用vue2.0、vuex、vue-router 模拟ios7
- tyllo/Framework7-VueJS: Application built on top of Framework7 and VueJS, use: demo/demo
- jo0ger/cnode-vue: 基于Vue2.0和Vue-router构建的web端cnodejs网站SPA
- zhoou/vue-cli-multipage-bootstrap: vue-cli-multipage-bootstrap demo with vue2+vue-router+vuex+bootstrap+markdown for learning vue2.0
- Alex-xd/seeMusic: Vue 云音乐播放器,网易云音乐API,可听网易云高品质付费歌曲。 Vue music player
- moonou/zhihu-daily-vue: zhihu daily for vue2.0
- sailengsi/sls-vuex2-demo: 基于vue2+vuex2实现的购物车demo
- fishenal/vuejs-demo-project: a vue demo project
- Halfeld/v-notes: Simple and beautiful notepad to Markdown with Vue.js and Local Storage API
- BosNaufal/vue-starter: Simple Vue Js Starter for single page application with Vuex and Vue Router
- youknowznm/vue-memo: 完全原创的基于 Vue.js 的记事本应用
- DMQ/mvvm: 剖析vue实现原理,自己动手实现mvvm
- DivanteLtd/vue-storefront: Vue Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, MIT license. Join us as contributor (contributors@vuestorefront.io).
- arronf2e/Vue2.0LOL: 🌹 🌹 vue2.0版英雄联盟助手
- eteplus/vue-sui-demo: 用vue 和 SUI-Mobile 写了一个移动端demo,用来反馈学习vue的成果(禁用了SUI自带的路由,使用vue-router, vue-resource, webpack)[a web app written by vue & sui-mobile]
¥drag&drop
Vue.Draggable
- SortableJS/Vue.Draggable: Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js
vue-draggable-resizable
- mauricius/vue-draggable-resizable: Vue2 Component for draggable and resizable elements.
vue-dropzone
- Vue2-Dropzone
vue-dragula
- vue-dragula
vue-drag-and-drop-list
- vue-drag-and-drop-list
- hilongjw/vue-dragging: A sortable list directive with Vue
¥datepicker&calendar
vuejs-datepicker
- charliekassel/vuejs-datepicker: A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations
vue-moment
- brockpetrie/vue-moment: Handy Moment.js filters for your Vue.js project.
vue-calendar
- jinzhe/vue-calendar: A calendar components for Vue.js.
- vue-calendar
vue-fullcalendar
- Wanderxx/vue-fullcalendar: vue calendar fullCalendar. no jquery required. Schedule events management
- CroudTech/vue-fullcalendar: FullCalendar Wrapper for vue
vue-datepicker-simple
- dai-siki/vue-datepicker-simple: A datepicker component for vue. (适用中国用户的vue日期选择组件)
vue-date-picker
vue-datepicker
vue-event-calendar
- vue-event-calendar
vue-datetime
- mariomka/vue-datetime: Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and disabling dates.
- hilongjw/vue-datepicker: [Deprecated] calendar and datepicker component with material design for Vue.js
- Haixing-Hu/vue-datetime-picker: A Vue.js component implementing the datetime picker control using the Eonasdan's bootstrap datetime picker plugin.
- phoenixwong/vue2-timepicker: A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support
- Bubblings/vue-date-picker: datepicker component for Vue.js
- vue-bulma/datepicker: Datepicker Component for Vue Bulma
- icai/vue2-calendar: vue 2.x calendar component
- 基于Vue组件化的日期联动选择器 - 掘金
¥data
bitbench
vue-countup-v2
- xlsdg/vue-countup-v2: Vue.js component wrap for countUp.js
vue-data-grid
- LucienLee/vue-data-grid: An example that complex table interaction in Vue.js
- vue data grid
¥Element
element
- Element
- Element - 网站快速成型工具
- Element - 网站快速成型工具
- ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web
- element ScrollBar滚动组件源码深入分析 - 掘金
- Element - 网站快速成型工具
vue-observe-visibility
- Akryum/vue-observe-visibility: Detect when an element is becoming visible or hidden on the page.
awesome-element
- ElementUI/awesome-element: A curated list of Element projects
element-form-builder
- codetrial/element-form-builder: Build element-ui forms with JSON schema.
- ElementUI Form Builder
element FAQ
- Element-UI 框架 el-scrollbar 组件 - 掘金
- VUE ElementUI 项目总结 - 掘金
- Element-ui上传文件大小限制 - 何度 - CSDN博客
- Vue + Element UI + Lumen 实现通用表格功能 - 分页 - 掘金
- element-ui自定义表格头部的两种方法 - 童心虫鸣 - 博客园
- vue+ element 使用render渲染table、render-header自定义表头、scopedSlots自定义数据格式 - qq_37508970的博客 - CSDN博客
- el-input @change无法触发问题描述与解决方案 - 简书
- vue.js - 基于element-ui封装table,如何为指定列传递 formatter 函数? - SegmentFault 思否
- vue项目中将element-ui table表格写成组件 - sosoqi - 博客园
- vue+element 表格formatter数据格式化并且插入html标签 - FannieGirl - 博客园
- 如何在element-UI 组件的change事件中传递自定义参数 - front-gl - 博客园
¥event handling
vue-events
- cklmercer/vue-events: Simple event handling for Vue.js
vue-gesture
- mlyknown/vue-gesture: touch events plugin for Vue.js.You can v-gesture directive,and directive auguments can use a tap, swipe, etc
vue-clickaway
- simplesmiler/vue-clickaway: Reusable clickaway directive for reusable Vue.js components
vuemit
- gocanto/vuemit: The smallest Vue.js events handler.
vue-bus
- yangmingshan/vue-bus: A event bus for Vue.js
Vue.resize
- David-Desmaisons/Vue.resize: Vue directive to detect resize events with deboucing and throttling capacity.
¥Format
awesome-mask
- wirecardBrasil/awesome-mask: The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.
vue-numeric
- kevinongko/vue-numeric: Input field component to display a formatted currency value based on Vue.js
- vue-numeric demo
vue-cleave-component
- ankurk91/vue-cleave-component: Vue.js component for Cleave.js
vue-the-mask
- vuejs-tips/vue-the-mask: Tiny (<2k gzipped) and dependency free mask input for Vue.js
- The Mask for Vue.js
vue-masked-input
- niksmr/vue-masked-input: Masked input component for Vue.js
v-mask
- probil/v-mask: 🔡 Tiny input mask library for Vue.js (directive)
vue-mask
- devindex/vue-mask: Vue Mask Plugin
v-money
- vuejs-tips/v-money: Tiny (<2k gzipped) input/directive mask for currency
- Vue App
¥form&table
Vue-Cleave
- Vue-Cleave - 在Vue中使用CleaveJS格式化你的输入内容 - 掘金
- jrainlau/vue-cleave: Format input text content when you are typing
- Cleave.js - Format input text content when you are typing
- nosir/cleave.js: Format input text content when you are typing...
¥table
vue-tree-table
- no-simple/vue-tree-table: 基于vue与element-ui组件中talbe实现的无限级联tree table。
vuetable
- Vuetable-2
- ratiw/vuetable-2 at next
vue-sortable
- VueJS Sortable
- ratiw/vue-table: data table simplify! -- vuetable is a Vue.js component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component.
- ratiw/vuetable-2: data table simplify! -- datatable component for Vue 2.x
- matfish2/vue-tables-2: Vue.js 2 grid components
- galenyuan/vue-datatable: [DEPRECATED] Datatable component for Vuejs
- coderdiaz/vue-datasource: A vue.js component to create dynamic tables
- QianGuoqing/vue-qabler: Vue技术栈实现Tabler,封装一些常用UI组件🎏
- jbaysolutions/vue-bootstrap-table: A sortable and searchable table, as a Vue component, using bootstrap styling.
ellipsis-plus
- lucefer/ellipsis-plus: a text-overflow vue component
- 文本截断知多少 - 掘金
vue-password-strength-meter
- apertureless/vue-password-strength-meter: 🔐 Password strength meter based on zxcvbn in vue.js
vue-input-autosize
- syropian/vue-input-autosize: A simple Vue.js directive to autosize text input fields
vue-button
- steven5538/vue-button: Button component for Vue.js v2.0.1+.
vue-city
- xinxingyu/vue-city: a vue component that show city infomation
dd-vue-component
- ibufu/dd-vue-component: Dingdanlaile's vue components.
v-region
- TerryZ/v-region: A simple region cascade selector, provide 4 levels Chinese administrative division data
- Vue Components
v-dropdown
- TerryZ/v-dropdown: A Vue2 plugin for dropdown container layer
vue-cascading-address
- savokiss/vue-cascading-address: vue address select component
- vue-cascading-address
vue-area
vue-city-picker
- blue0728/vue-city-picker: vue-city-picker component for vue.
vue-float-label
- brtjkzl/vue-float-label: Float label pattern for Vue.js
awesome-mask
- shentao/vue-multiselect: Universal select/multiselect/tagging component for Vue.js
- MopTym/vue-waterfall: A waterfall layout component for Vue.js
- matfish2/vue-form-2: Vue.js 2 Form Component
- vue-form-2 - npm
- phanan/vue-google-signin-button: A simple Vue plugin to include a Google sign-in button into your web app
form-create
- xaboy/form-create: 强大的表单生成器|Form builder with dynamic rendering, data collection, validation and submission capabilities, built-in 17 common form components, support for two-way data binding, event extension, and support for building built
- form-create
vue-form-generator
- vue-generators/vue-form-generator: A schema-based form generator component for Vue.js
¥gantt
- DHTMLX/vue-gantt-demo: dhtmlxGantt with vue.js
- mamboer/vue-easy-gantt: A simple Vue.js gantt chart plugin for presenting weekly tasks
- vue-easy-gantt - Vue 2.0 Gantt Chart Plugin | 「Faso.ME」
¥H5
- VUE开发微信H5页面总结 - 掘金
- qq9694526/vue-wxh5: Vue+微信网页开发最佳实践
¥HTTP
vue-axios
- imcvampire/vue-axios: A small wrapper for integrating axios to Vuejs
http-vue-loader
- FranckFreiburger/http-vue-loader: load .vue files from your html/js
vueify
- vuejs/vueify: Browserify transform for single-file Vue components
vue-jsonp
- LancerComet/vue-jsonp: A tiny library for handling JSONP request.
v-ajax
- vue-demo/v-ajax: v-ajax plug-in with functions of ajax、jsonp
ajax.js
- wusfen/ajax.js: ajax.js $.ajax vue.ajax vue-ajax v-ajax vue ajax
¥icon&emoji
emoji-mart-vue
- jm-david/emoji-mart-vue: One component to pick them all 👊🏼
vue-svg-icon
- cenkai88/vue-svg-icon: a solution for multicolor svg icons in vue2.0 (vue2.0的可变彩色svg图标方案)
- vue-svg-icon
vue-emoji
- Vue.js 图标选择组件实践 - 前端 - 掘金
- Vue实现图片与文字混输🔥 - 掘金
¥image
vue-img-orientation-changer
- nikli2009/vue-img-orientation-changer: A vue plugin that can help you display image in correct orientation.
vue-cropper
lazyload-vue
- Kazap/lazyload-vue: Vue Plugin for vanilla-lazyload
vue-images
- littlewin-wang/vue-images: A simple lightbox component for displaying an array of images
- vue-images
lazy-vue
- gocanto/lazy-vue: A small lazy image loader for Vue
- lazy-vue - demo
vue-lazyloadImg
- yodfz/vue-lazyloadImg: vue插件,延迟载入图片.
vue-picture-input
vue-img-loader
- JackGit/vue-img-loader: this is a image loader UI component for Vue 2.X
- VueImgLoader Demo
vue-lazy-background-images
vue-image-clip
vue-cropper
- vue-cropper
vue-lazyload-img
- Document
vue-lazyload
- hilongjw/vue-lazyload: A Vue.js plugin for lazyload your Image or Component in your application.
v-viewer
- mirari/v-viewer: Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js
- 手把手实现图片懒加载+封装vue懒加载组件 - 掘金
- 一个Vue图片上传剪裁压缩组件 - 掘金
¥layout
vue-container-query
- v-comp/vue-container-query: vue-container-query
¥loading
vue-control-load
- XueMary/vue-control-load: Auto loading plugin for vue. 👏 You don't need to write showLoading and hideLoading any more.
vue-loading
- loading
- Vue Loading
- Coffcer/vue-loading: vue1 directive, show loading block in any element
- mint-ui/mint-loadmore: A two-direction mobile load-more component for vue.js
- BosNaufal/vue2-loading-bar: Simplest Youtube Like Loading Bar Component For Vue 2. http://bosnaufal.github.io/vue2-loading-bar/
- PeachScript/vue-infinite-loading: An infinite scroll plugin for Vue.js.
¥List
vue-recyclerview
- hilongjw/vue-recyclerview: Mastering Large Lists with the vue-recyclerview
- Vue 超大数据列表解决方案 vue-recyclerview 开源 - 前端 - 掘金
¥media
vue-music-player
- microzz/vue-music-player: 🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
- Vue音乐播放器 - Powered by microzz.com
Gokotta
MagicMusic
- surmon-china/vue-video-player: 🎞 @videojs component for @vuejs
- hilongjw/vue-video: A HTML5 video player component for Vue.js
- vue-play/vue-play: 🍭 A minimalistic framework for demonstrating your Vue components
- Mini Music Player - VueJS
¥model&toast
modal
- vue-bulma/modal: Modal component for Vue Bulma
sweet-modal-vue
vodal
- Vodal
vue-toast-mobile
- euvl/vue-js-modal: Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal.
¥Menu&Nav
VueCircleMenu
- OYsun/VueCircleMenu: A beautiful circle menu powered by Vue.js
vue-side-nav
- vue-comps/vue-side-nav: side-nav - done in vue
¥Page
vue-meta
- nuxt/vue-meta: Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
- Vue Meta
vue-meta-info
- muwoo/vue-meta-info: 📡设置vue 单页面meta info信息,支持SSR
- 处理 Vue 单页面 Meta SEO的另一种思路 - 知乎
$pagination
laravel-vue-pagination
vue-paginate
vue-laypage
- vue-laypage
laravel-vue-pagination
- Laravel Vue Pagination
vuejs-paginate
¥progress
vue-progress
- qddegtya/v-circle: A collection of circle progress with Vue.js.
- dalphyx/vue-top-progress: Yet another top progress loading bar component for Vue.js.
- Akryum/vue-progress-path: Progress bars and loading indicators for Vue.js
- james2doyle/vue-file-upload-component: A simple file upload component for Vue.js. Emits events for XHR Upload Progress for nice progress bars.
vue-radial-progress
- Vue.js Radial Progress Bar Demo
vue-rate
- Vue Rate
- hilongjw/vue-progressbar: A lightweight progress bar for vue
- MatteoGabriele/vue-progressive-image: Vue progressive image loading plugin
¥QR code
vue-qart
- superman66/vue-qart: the compoent of vue 2.x for qart.js
vue-qrcode-reader
- gruhn/vue-qrcode-reader: A set of Vue.js components for detecting and decoding QR codes.
- Vue Qrcode Reader
¥route
vue-router-prefetch
- egoist/vue-router-prefetch: Prefetch links that are only visible in viewport.
vue-router-transition
- weinot/vue-router-transition: A page transition plugin for vue-router
- vue路由前进后退动画 - 掘金
¥scroll&slide
wade-ui
- wade-ui - npm
vue-waypoint
- scaccogatto/vue-waypoint: v-waypoint directive for Vue, this is the easiest way to trigger a function when you scroll
vue-swing
- goweiwen/vue-swing: Vue.js wrapper for Swing
¥slider
vue-slider-component
- vue-slider-component
- NightCatSama/vue-slider-component: Can use the slider in vue1.x and vue2.x(vue滑块组件)
vue-slideout
- vouill/vue-slideout: Simple vue implementation of Slideout.js touch sidebar / sidemenu library
- shhdgit/vue-easy-slider: Slider Component of Vue.js.
- hilongjw/vue-slide: A lightweight slide component for vue
- warpcgd/vue-concise-slider: vue-concise-slider,A simple vue sliding component
¥scroll
vue-virtual-scroller
- Akryum/vue-virtual-scroller: ⚡️ Smooth scroll with any amount of data
- vue-virtual-scroller
vue-smoothscroll
- Teddy-Zhu/vue-smoothscroll: a vue version smoothscroll for website
vue-parallax
- vue-comps/vue-parallax: Scrolls a image slower than the window to create a neat optical effect.
vue-image-scroll
- vue-163music-slider
v-bar
- ElemeFE/vue-infinite-scroll: An infinite scroll directive for vue.js.
- wangdahoo/vue-scroller: Scroller Component for Vue.js
- egoist/vue-mugen-scroll: Infinite scroll component for Vue.js 2
- BosNaufal/vue-scrollbar: The Simplest Scroll Area Component with custom scrollbar for Vue Js. https://bosnaufal.github.io/vue-scrollbar/
- suguangwen/vue-scroll: vue scroll which can work.
vue-loop
- ElemeFE/vue-swipe: A touch slider for vue.js.
- weilao/vue-swiper: Swiper component For Vue 1.0.
- shiye515/vue-m-carousel: vue 移动端轮播组件
¥Storage
vue-reactive-storage
- ropbla9/vue-reactive-storage: Reactive layer for interacting with localStorage from Vue. Plugin for Vue 2.
vue-local-storage
- pinguinjkeke/vue-local-storage: Vue.js localStorage plugin with types support
single
- vuejs/vue-syntax-highlight: 💡 Sublime Text syntax highlighting for single-file Vue components
- bootstrap-vue/bootstrap-vue: BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
- OYsun/VueStar: A like button with delightful star animation powered by Vue.js
- vue-pagination-2 - npm
- ElemeFE/vue-msgbox: A message box (like Sweet Alert) for vue.js.
- Wlada/vue-carousel-3d: Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js
- QingWei-Li/vue-region-picker: [DEPRECATED]
- CroudTech/vue-quill: Quill component for vue
- MMF-FE/vue-svgicon: A tool to create svg icon components. (vue 2.x). Using inline svg.
- bkzl/vue-float-label: Float label pattern for Vue.js
- nicolasbeauvais/vue-social-sharing: A Vue.js component for sharing links to social networks, work with Vue.js 1.X or 2.X
- Ginhing/vue-tagsinput: A tags input component based on Vue.js
- vue-bulma/handsontable: Vue Table component
- F-loat/vue-simplemde: 📝Vue-SimpleMDE - use simplemde with vue.js
- myronliu347/vue-popup-mixin: 基于vue开发的popup 的mixins 用于管理弹出框的遮盖层
- fangyongbao/cubeex: cubeex是基于vue2.0开发的组件库,将包含一套完整的移动UI。这也是魔方元科技开源的首个H5相关的项目, 这里有一群对前端技术狂热的追求者, 如果你对我们的研发感兴趣,欢迎fork
- bbonnin/vue-morris: VueJS component wrapping Morris.js
- staskjs/vue-slick: Vue component for Slick-carousel (http://kenwheeler.github.io/slick)
- bajian/vue-pull-to-refresh: vue.js,refresh,load more,Vue2.0 上下拉刷新
- threeaccents/vue-webgulp: Vue.js + Webpack + Gulp + Vue Loader
- Metnew/vue-element-starter: Vue starter with Element-UI [READY, unmaintained now]
- muwoo/vnode2canvas: Rendering virtual DOM into canvas based on Vue plugin
- simpleTeam3/simple: 一个基于vue 的组件库
- jofftiquez/vue-stripe-checkout: A vue plugin for Stripe checkout.
- kaorun343/vue-youtube-embed: Vue.js and YouTube
- mint-ui/mint-indicator: A mobile indicator plugin for vue.js
- Vue组件库大全 - 简书
- vue相关库 - 简书
- vue开源项目库汇总 - 简书
- Vue 开源项目库汇总 - 简书
- Vue开源项目库汇总 - 简书
¥Touch
vue-touch-keyboard
- icebob/vue-touch-keyboard: Virtual keyboard component for Vue.js 2.x. Designed to Raspberry Pi Touch Display
vue-touch-ripple
- vue-touch-ripple
¥Tree
vue-tree
- weibangtuo/vue-tree: A tree component
vue-ztree
- lisiyizu/vue-ztree
vue-json-tree-view
¥Tabs
vue-tabs
- alexqdjay/vue-tabs: 多tab页框架替代router支持vue2.0
vue-tabs-component
- vue-tabs-component
¥tips¬ice
vue-autosuggest
- darrenjennings/vue-autosuggest: 🔍 Vue autosuggest component.
- Storybook
vue-notification
- Vue.js Notifications
- euvl/vue-notification: Vue.js 2 library for showing notifications
vue-popper
- vue-popper | :whale: VueJS popover component based popper.js
- RobinCK/vue-popper: VueJS popover component based popper.js
vue-notifications
- se-panfilov/vue-notifications: Vue.js agnostic library for non-blocking notifications
- VueNotifications
vue-ios-alertview
- Wyntau/vue-ios-alertview: iOS7+ style alertview service for Vue
- Akryum/v-tooltip: 💬 Easy tooltips, popovers, dropdown for Vue 2.x
¥text editor
vetur
- vuejs/vetur: Vue tooling for VS Code.
vue-typewriter
- eduardostuart/vue-typewriter: ⌨️ Vue component that types
markcook
- jrainlau/markcook: A smart and beautiful markdown editor.
- Markcook 2.0 | A smart and beautiful markdown editor
mavonEditor
- mavonEditor|码文 在线markdown编辑器
vue2-editor
vue-mdEditor
- heyscrumpy/tiptap: A rich-text editor for Vue.js
- tiptap
- OYsun/vscode-VueHelper: vscode插件,vue,vue-router和vuex的代码提示
¥theme
vuedarkmode
- LeCoupa/vuedarkmode: 👩🎨👨🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.
vue-ripple
- BosNaufal/vue-ripple: Vue Component to Make Google Material Design Ripple Effect. http://bosnaufal.github.io/vue-ripple/
- Vue Ripple | Vue Component to Make Google Material Design Ripple Effect
¥upload
vue-dropzone-拖拽上传
- kfei/vue-s3-dropzone: Vue.js component works with AWS S3 serverlessly
v-uploader
vue-core-image-upload
- vue-core-image-upload a vue plugin for image to crop and upload. (一款轻量级vue.js图片上传裁剪插件)
vue-upload-component
- vue-upload-component- Upload Component - Uploader
vue-image-crop-upload
- demo
vue-simple-upload
- vue-simple-upload | Simple File upload component for Vue.js
vue-img-inputer
- waynecz/vue-img-inputer: 🏞 A graceful image type inputer / uploader
- vue-img-inputer
¥UI组件
ant-design-vue
- vueComponent/ant-design-vue: An enterprise-class UI components based on Ant Design and Vue. 🐜
- vueComponent/ant-design-vue-awesome: ant-design-vue-awesome
- Ant Design of Vue - Ant Design Vue
bootstrap-vue
- Bootstrap Vue
- bootstrap-vue/bootstrap-vue: BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
cube-ui
- didi/cube-ui: A fantastic mobile ui lib implement by Vue
- cube-ui Document
- cube-ui lib
- 滴滴开源 Vue 组件库— cube-ui - 掘金
jk-ui
- liuyangjike/JKUI
- 造个自己的Vue的UI组件库类似Element - 掘金
Mand Mobile
- Mand Mobile-Mand Mobile
- didi/mand-mobile: 💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
- Mand Mobile-A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios
mov-mobile
- func-star/mov-mobile: Mona系列 - Vue移动端组件库
- Mov - 让你感到幸福的 Vue 组件库
NutUI
- NutUI 2.0 - 移动端Vue组件库
- jdf2e/nutui: 京东风格的轻量级移动端Vue组件库 (A Vue.js 2.0 UI Toolkit for Mobile Web)
- 京东风格的移动端Vue组件库NutUI2.0来啦 - 前端 - 掘金
PC界面UI组件库iView
- iview/iview: A high quality UI Toolkit built on Vue.js 2.0
- iView - A high quality UI Toolkit based on Vue.js
- 春节将至,iView 近期的一些更新 - 掘金
- vue + iview 项目实践总结 - 掘金
PyUI
- ftdus/PyUI
- Vue 开源项目之 UI 组件库招人啦~~~ - 掘金
wevue
- WE-VUE
YDUI
- 一只基于Vue2.x的移动端&微信UI。 -YDUI Touch
vux
- VUX - Vue 移动端 UI 组件库
- vux-ui
vui
- Brickies/vui: 💯 A personal Vue UI component library for Mobile
- Vui - Vue UI for Mobile
- ElemeFE/mint-ui: Mobile UI elements for Vue.js
- JosephusPaye/Keen-UI: A lightweight collection of essential UI components written with Vue and inspired by Material Design
- vuematerial/vue-material: Material design for Vue.js
- museui/muse-ui: Material Design UI library for Vuejs 2.0
- luojilab/radon-ui: 一个用于快速开发产品的简洁、优雅、高效的 Vue 组件库
- FE-Driver/vue-beauty: Beautiful UI components build with vue and ant design
- chenz24/vue-blu: UI Component Library Base on Vue.js(2.x) and Bulma
- ccforward/rubik: Material Design 风格的 Vue.js UI 组件库
- NewDadaFE/vue-impression: A Vue.js 2.0 UI elements for mobile.
- loujiayu/vue-material-design: Vue material components.
- vuwe/vuwe: WeUI for Vue2
- myronliu347/vue-carbon: 基于vue开发的material design ui库
- tianyong90/we-vue: 使用 Vue2.x + weui1.x 开发的组件
- airyland/vux: Mobile UI Components based on Vue & WeUI
- vuetifyjs/vuetify: 🐉 Material Component Framework for Vue.js 2
- wangdahoo/vonic: Mobile UI Components, based on Vue.js and ionic CSS. https://wangdahoo.github.io/vonic-documents
- Zulko/eagle.js: A hackable slideshow framework built with Vue.js
- OYsun/VueCircleMenu: A beautiful circle menu powered by Vue.js
- buefy/buefy: Lightweight UI components for Vue.js based on Bulma
- JosephSmith127/vue-loop: Infinite content loop for Vue
- ecomfe/vue-echarts: ECharts component for Vue.js.
- PeachScript/vue-infinite-loading: An infinite scroll plugin for Vue.js.
- Vanthink-UED/vue-core-image-upload: a vue plugin for image to crop and upload
- Zhangdroid/Gokotta: A simple music player built by electron and vue
- sagalbot/vue-sortable: A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable
- alessiomaffeis/vue-picture-input: Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more
- xlsdg/vue-echarts-v3: Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)
- lian-yue/vue-upload-component: Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter
- TahaSh/vue-paginate: A simple vue.js plugin to paginate data
- ydcss/vue-ydui: A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
- rowanwins/vue-dropzone: A Vue.js component for Dropzone.js - a drag’n’drop file uploads utility with image previews
- Awheat/vue2-douban-market: 这是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一个webapp项目!
- dai-siki/vue-image-crop-upload: A beautiful vue component for image cropping and uploading. (vue图片剪裁上传组件)
- microzz/vue-chat: 👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
- hinesboy/mavonEditor: mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
- adeptoas/sweet-modal-vue: The sweetest library to happen to modals.
- creotip/vue-particles: Vue.js component for particles backgrounds ✨
- Astray-git/vue-dragula: Drag and drop so simple it hurts http://astray-git.github.io/vue-dragula
- hejianxian/vue-drag-and-drop-list: 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.
- davidroyer/vue2-editor: A text editor using Vue.js and Quill
- hchstera/vue-charts: Base on Vue2.0 wrapper for ChartJs.
- JALBAA/vue-lazyload-img: A plugin of vue for image lazyload(vue图片懒加载插件)
- santiblanko/vue-instant: vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications
- ovenslove/vue-mdEditor: 基于VUE的markdown文本编辑器
- cngu/vue-typer: Vue component that simulates a user typing, selecting, and erasing text.
- wdfe/wdui: Mobile UI Components Library based on Vue 2.0 at Weidian
- spatie/vue-tabs-component: An easy way to display tabs with Vue
- hzzly/MagicMusic: 🎵不一样的音乐
- Coffcer/vue-loading: vue1 directive, show loading block in any element
- chenjiahan/vodal: A vue modal with animations.
- surmon-china/vue-touch-ripple: 👆 Touch ripple component for @vuejs
- GeoffZhu/vue-event-calendar: A simple events calendar for Vue2, no dependencies except Vue2.
- luiguild/v-bar: The virtual responsive crossbrowser scrollbar component for VueJS 2x
- lokyoung/vuejs-paginate: A Vue.js(v2.x+) component for creating pagination.
- ElemeFE/vue-toast-mobile: A mobile toast plugin for vue.js
- weifeiyue/vue-datepicker: datepicker component for Vue.js
- youzan/vant: Lightweight Mobile UI Components built on Vue
- michaelfitzhavey/vue-json-tree-view: A JSON Tree View Component for Vue.js
- SinanMtl/vue-rate: Rate component for Vue
- wyzant-dev/vue-radial-progress: Radial progress bar component for Vue.js
- 8788/vue-date-picker: datepicker component for Vue 2.x
- Kocisov/coffeebreak: Tool for live editing CSS components written in Vue
- xaksis/vue-good-wizard: An easy and clean VueJS 2.x wizard plugin
- jkchao/vue-loading: 😄 vue-loading 😊
- lithiumjake/vue-placeholders: A simple Vue (http://vuejs.org) directive for placeholder images and lorem-ipsum text.
- chengxulvtu/cxlt-vue2-toastr: toast notification component for vue2
- formly-js/vue-formly: JavaScript powered forms for Vue.js
- BosNaufal/vue2-autocomplete: Vue 2 Component to make Autocomplete element.
- ecomfe/veui: Enterprise UI for Vue.js.
- yunfeihuang/vx-ui: vue components 移动端UI组件库
- craigh411/vue-star-rating: A simple, highly customisable star rating component for Vue 2.x.
- PygmySlowLoris/vue-ripple-directive: Material Ripple Effect as Vue Directive.
- xyxiao001/vue-cropper: A simple picture clipping plugin for vue
- jkchao/vue-emoji: vue-emoji like this: 😄 🦐 😳
- blue0728/vue-area: 省市区三级联动插件 for vue2.x ----停止更新,请看新版
- ShanaMaid/vue-image-scroll: 【Using】 a good vue-image-scroll component!
- legeneek/vue-image-clip: Image clip component based on vue2
- saivarunk/vue-simple-upload: Simple File upload component for Vue.js
- darrynten/vue-lazy-background-images: Lazy load background images for Vue 2
- gilbitron/laravel-vue-pagination: A Vue.js pagination component for Laravel paginators that works with Bootstrap
- Teddy-Zhu/vue-waves: it's a vuejs version of waves
- sinchang/vue-laypage: 📃 A simple pagination component for Vue.js 2.x
- doodlewind/vue-cmap: Vue China map visualizing component, supports drilldown and lazy loading.
- ElemeFE/vue-desktop: A UI library for building admin panel website.
- yeseason/paco-ui-vue
¥validation
vuelidate
- vuelidate/vuelidate: Simple, lightweight model-based validation for Vue.js
- Vuelidate | A Vue.js model validation library
Vue-Easy-Validator
- MetinSeylan/Vue-Easy-Validator: Easy form validation plugin
- Metin Seylan - Software Developer
vue-verify-pop
- aweiu/vue-verify-pop: 自带气泡提示的vue校验插件
vue-interactive-paycard
- muhammederdem/vue-interactive-paycard: Credit card form with smooth and sweet micro-interactions
¥vue state manage
SuperVue
- cevio/super-vuex: super vuex classic
- SuperVue
- super-vuex使用体验 - 掘金
- Super-Vuex 状态管理最佳实践 - 掘金
¥vue component documentation
vuese
- Overview | Vuese
- vuese/vuese: 🤗 One-stop solution for vue component documentation
jsdoc-vuejs
- Kocal/jsdoc-vuejs: 📖 A JSDoc plugin for documenting .vue files.
¥Zoom
vue-zoombox
- vue-comps/vue-zoombox: a advanced zoombox
¥国际化
vue-i18n
- kazupon/vue-i18n: Internationalization plugin for Vue.js
- Vue I18n
vuex-i18n
- dkfbasel/vuex-i18n: Localization plugin for vue.js 2.0 using vuex as store
¥骨架屏
vue-content-placeholders
- michalsnik/vue-content-placeholders: Composable components for rendering fake (progressive) content like facebook in vue
- VUE单页应用骨架屏方案 - 掘金
- Vue 页面骨架屏注入实践 - 掘金
- 为vue项目添加骨架屏 - xiaOp的博客
- Vue页面骨架屏 - 前端 - 掘金
¥组件模版
vue-vscode-snippets
- sdras/vue-vscode-snippets: These snippets were built to supercharge my workflow in the most seamless manner possible.
vue-create-api
- cube-ui/vue-create-api: Make Vue component's invocation by API.
styled-vue
- egoist/styled-vue: Use dynamic styles in Vue single-file components.
vuep
- QingWei-Li/vuep: 🎡 A component for rendering Vue components with live editor and preview.
vue-online
- Sopamo/vue-online: A reactive offline indicator component for vue.js
vue-lazy-render
- yeyuqiudeng/vue-lazy-render: A vue component for lazy rending vue component
vue-lazy-component
- Coffcer/vue-lazy-component: Vue directive for lazy load components or elements
- vue-lazy-component
vue-2-boilerplate
- petervmeijgaard/vue-2-boilerplate: Vue 2 boilerplate for developing medium to large single page applications.
- 聊一聊Vue组件模版,你知道它有几种定义方式吗? - 掘金
- NetanelBasal/vue-generate-component: Vue js component generator
¥实用库与辅助工具
dayspan-vuetify
- ClickerMonkey/dayspan-vuetify: A collection of components that visualizes DaySpan Calendars and Schedules using Vuetify
epic-spinners
- epicmaxco/epic-spinners: Easy to use css spinners collection with vue.js integration
Famous-Vue
- irwansyahwii/Famous-Vue: Vue components for Famous Javascript library
- Layouting in Famous-Vue – Irwansyah – Medium
lit-vue
- egoist/lit-vue: 🔥 Vue SFC goodies directly in JavaScript files.
rollup-plugin-vue
- vuejs/rollup-plugin-vue: Roll .vue files
- Introduction | Rollup Plugin Vue
vue-lodash
- Ewocker/vue-lodash: This is a small wrapper for integrating lodash into VueJs
vue-async-computed
- foxbenjaminfox/vue-async-computed: Async computed properties for Vue.js
vue-classify
- vue-classify, 将 JS 写的 vue option object 转为 Typescript class 形式 - 前端 - 掘金
- hikerpig/vue-classify: Convert option-object style vue component to typescript class component
vue-slot-checker
- mya-ake/vue-slot-checker: Provide the function to check slot like checking props.
- vue-slot-checker - npm
vuepress-plugin-seo
- lorisleiva/vuepress-plugin-seo: 🔌 Generate SEO friendly meta header for every page
vue-no-ssr
- egoist/vue-no-ssr: Vue component to wrap non SSR friendly components (428 bytes)
vue-shortkey
- iFgR/vue-shortkey: Vue-ShortKey - plugin for Vue.js
vue-cordova
- kartsims/vue-cordova: Vue.js plugin for Cordova
- API Docs | Vue Cordova
vue-ts-loader
- HerringtonDarkholme/vue-ts-loader: Type-check your script in your vue-loader
¥testing utility
avoriaz
- eddyerburgh/avoriaz: 🔬 a Vue.js testing utility library
debugger
- vuejs/vue-devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.
- MiCottOn/DejaVue: Visualization and debugging tool built for Vue.js
¥vue npm
vue-npm-template
- cristijora/vue-npm-template: Quick start for publishable to npm vue components
常用vue库
- ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web
- monterail/vuelidate: Simple, lightweight model-based validation for Vue.js
- vue-comps/vue-side-nav: side-nav - done in vue
- mint-ui/mint-indicator: A mobile indicator plugin for vue.js
- vue-bulma/chartjs: Chartjs component is based on chart.js for Vue Bulma
- suguangwen/vue-scroll: vue scroll which can work.
- BosNaufal/vue-ripple: Vue Component to Make Google Material Design Ripple Effect. http://bosnaufal.github.io/vue-ripple/
- icebob/vue-touch-keyboard: Virtual keyboard component for Vue.js 2.x. Designed to Raspberry Pi Touch Display
- ankane/vue-chartkick: Create beautiful JavaScript charts with one line of Vue
- lisiyizu/vue-ztree
- alexqdjay/vue-tabs: 多tab页框架替代router支持vue2.0
- eduardostuart/vue-typewriter: ⌨️ Vue component that types
- ibufu/dd-vue-component: Dingdanlaile's vue components.
- yeseason/paco-ui-vue
- steven5538/vue-button: Button component for Vue.js v2.0.1+.
- petervmeijgaard/vue-2-boilerplate: Vue 2 boilerplate for developing medium to large single page applications.
- framework7io/framework7-vue: Build full featured iOS & Android apps using Framework7 & Vue
- wangxg2016/vue-bulma: 轻量级高性能MVVM Admin UI框架,Charts Collaopse Modal NavMenu Pagination ProgressBar Rating Timeline Toast
vue-create-root
- any86/vue-create-root: 不到1kb的小工具, 把组件变成this.$xxx命令.
vue-ref
- vueComponent/vue-ref: You can use the callback to get a reference like react
¥服务端
vue-lazy-hydration
- maoberlehner/vue-lazy-hydration: Lazy hydration of server-side rendered Vue.js components
- nuxt/nuxt.js: The Vue.js Developers Framework
- express-vue/express-vue: Vue rendering engine for Express.js. Use .Vue files as templates using streams
- ccforward/vue-ssr: Vue.js Server Side Render Template with Webpack2 & Express 🐝 🤠
- leaves4j/vue-easy-renderer: Vue.js server-side renderer for *.vue file with Node.js.
创建型
element
- Element
- ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web
- Vue + Element UI + Lumen 实现通用表格功能 - 分页 - 掘金
- Element-ui上传文件大小限制 - 何度 - CSDN博客
- element ScrollBar滚动组件源码深入分析 - 掘金
- VUE ElementUI 项目总结 - 掘金
- Element-UI 框架 el-scrollbar 组件 - 掘金
ant-design
- vueComponent/ant-design: An enterprise-class UI components based on Ant Design and Vue. 🐜
- 🚀 Ant Plus,Ant Design Form 从未如此简单 - 掘金
- 10分钟精通Ant Design Form表单 - 掘金
- Ant Design of Vue - Ant Design Vue
coreui-free-vue-admin-template
- coreui/coreui-free-vue-admin-template: CoreUI Vue is free Vue admin template based on Bootstrap 4
- 🆓 Free Vue.js Admin Template · CoreUI
eros
- bmfe/eros: 📱一套 Vue 代码,两端原生应用 ,或许可以叫我 weex-native。
结构型
heyui
- hey-cli/README_zh.md at master · heyui/hey-cli
- heyui/heyui: UI Toolkit for Web, Vue2.0
- HeyUI: UI Toolkit for Web, Vue2.0
- “真相定律”之Layout组件 - 掘金
- 🎂HeyUI 组件库两周年,中后台管理系统 HeyUI Admin 发布🎉🎉 - 掘金
kui-vue
- chuchur/kui-vue: 基于VUE2.0的 UI组件库,欢迎使用!
- KUI - 高质量的UI组件库
material-ui-vue
- Material UI Vue
- material-ui-vue/package.json at master · JackGit/material-ui-vue
muse-ui
- museui/muse-ui: Material Design UI library for Vuejs 2.0
ui
- vuejs/ui: 💻 UI components for official Vue organization apps
vue-grid-layout
- jbaysolutions/vue-grid-layout: A draggable and resizable grid layout, for Vue.js.
- Vue Grid Layout Example 1 - Basic Responsive
vue-material
- vuematerial/vue-material: Material design for Vue.js
vue-plyr
- redxtech/vue-plyr: A set of Vue components for the plyr video & audio player.
vux
- airyland/vux: Mobile UI Components based on Vue & WeUI
vant
- youzan/vant: Lightweight Mobile UI Components built on Vue
行为型
PicGo
- Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by electron-vue
- PicGo
- PicGo
- Tag: Electron-vue | MARKSZのBlog
- PicGo:基于 Electron 的图片上传工具 - 少数派
- 从零开始为 PicGo 开发一个新图床 - 掘金
vue-pdf
- FranckFreiburger/vue-pdf: vue.js pdf viewer
vue-crud-x
- ais-one/vue-crud-x
zan-proxy
- youzan/zan-proxy: An extensible proxy for PC/Mobile/APP developer
- Zan Proxy
- youzan/zan-proxy: An extensible proxy
vue-rx
- vuejs/vue-rx: 👁️ RxJS integration for Vue.js.
vue project
FasterWeb
- httprunner/FasterWeb: FasterWeb that depends FasterRunner
github-visualization
- github visualization
- ssthouse/github-visualization: a simple github visualization
mpvue-weui
- KuangPF/mpvue-weui: 用 vue 写小程序,基于 mpvue 框架重写 weui。
Mysql web端sql审核平台 yearning
- cookieY/Gemini: Yearning-web Page Framework
MintloG
- 采用 vue+webpack 构建的单页应用——私人博客 MintloG 诞生记 - 掘金
- jrainlau/MintloG: 使用Vuejs+Webpack+VueRouter+VueResource搭建的博客SPA
mpvue
- Meituan-Dianping/mpvue: 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
- mpvue-docs
- 记一次基于mpvue的小程序开发及上线实战 - 掘金
made with vue.js
- Vue.js Showcase - Made With Vue.js
vue-ts-daily
- xiaomuzhu/vue-ts-daily: 基于vue、Typescript、pwa的一款习惯养成app
vue2-douban-market
- db_market
vue-chat
- 智能聊天室 Vue Chat Powered by microzz.com
vue-comps
- vue-comps
Vcn
- webproblem/Vcn: 学习Vue源码,实现一个简单的MVVM框架
vue-demo
- webproblem/vue-demo: vue2 + vue-router + vuex + iview 入门项目,移动端的一个简易考试系统平台。 https://webproblem.github.io/vue-demo/dist/
- vue-demo
vue-travel
- YxrSadhu/vue-travel: 模仿旅游网站做个webapp
vue2-elm
- bailicangdu/vue2-elm: 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
vue-music-webapp
- caijinyc/vue-music-webapp: A Music WebApp based on the Vue.
- vue-music-webapp
¥vue多页面
- xwpongithub/vue-multipage-cli: Simple Multiple-page CLI for scaffolding Vue.js projects
- JaneSu/multiple-vue-page
- 基于webpack2.x的vue2.x的多页面站点 - 前端 - 掘金
- 基于webpack2.x的vue2.x的多页面站点 · Issue #17 · zhaoqize/blog
- 你要的移动端vue多页面脚手架,都帮你集成和封装好了 - 掘金
vue-multi-module
- BothEyes1993/vue-multi-module: 多模块集成的vue项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署
- vue-multi-module【多模块集成的vue项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署】 - 掘金
¥Vue多组件仓库
- Vue多组件仓库开发与发布 - 掘金
¥Vue同构(服务器渲染)(SSR)
- Vue同构(一): 快速上手 - 掘金
- Vue同构(二): 路由与代码分割 - 掘金
- Vue同构(三): 状态与数据 - 掘金
- se7en-1992/5se7en.com: nuxtjs+express+vue2+vuex搭建的服务端渲染(SSR)个人网站项目
- Vue 服务端渲染 & 预渲染 - 掘金
¥vue前后端分离
- LeanCloud
- BlameDeng/sun-server-demo: 后端源码。线上预览地址
- BlameDeng/sun-client-demo: 前端源码。配置介绍:
- 「伪全栈」Vue2.5+Node.js搭建一个多页面商城应用 - 掘金
¥vue全栈
vue+node全栈移动商城
- Vue+Node+vant+mongoDB移动商城实战【1】 - 掘金
- vue+node移动商城【2】-环境安装 - 掘金
- vue+node全栈移动商城【3】-安装express,实现第一个nodeJs接口 - 掘金
- vue+node全栈移动商城【4】-创建get、send接口,接收数据更新视图 - 掘金
- vue+node全栈移动商城【5】-简单的筛选搜索功能 - 掘金
- vue+node全栈移动商城【6】-node接口配置文件 - 掘金
- vue+node全栈移动商城【7】路由跳转-注册页面 - 掘金
- vue+node全栈移动商城【8】-vant新建注册页面 - 掘金
- vue+node全栈移动商城【9】注册页面判断条件 - 掘金
- vue+node全栈移动商城【10】注册页面传值到node中间件 - 掘金
- vue+node全栈移动商城【11】连接mongodb并存入数据 - 掘金
- express+mongodb+vue实现增删改查-全栈之路 - 掘金
- 「前端进阶」vue+koa2+mongodb+oss阿里云部署自己的网站 - 掘金
¥处理付款订单
stripe
- stripe/stripe-python: Python library for the Stripe API.
- Stripe - Online payment processing for internet businesses
- Stripe.js v2 Reference | Stripe
- [译] 使用 Stripe, Vue.js 和 Flask 接受付款 - 掘金
- VUE Cookbook 系列:实现可配置组合表单 - 掘金
- egoist/eme: Elegant Markdown Editor.
- PeakTai/vue-html5-editor: An html5 wysiwyg editor for vue
- hifarer/vueditor: A wysiwyg editor written in Vue.js and Vuex.js
- yunyi1895/vue-music-master: 用vue写了一个手机端网页音乐播放器
- https://juejin.im/post/5c4a69a1f265da61163a1e5f
- Cordova+Vue 混合开发实现下载并预览 - 掘金
- vue全家桶 ---创建一个新的vue项目 - 掘金
- Vue集成Ueditor - 掘金
- kaola-fed/rds-vue: rde组件库,包含Components、Mixins、Directives、Filters、Utils
- panda-fe/panda-vue: PFE团队 - Vue常用组件、mixin、util库
vue framework
admin模板
- wangxg2016/vue-bulma: 轻量级高性能MVVM Admin UI框架,Charts Collaopse Modal NavMenu Pagination ProgressBar Rating Timeline Toast
- PanJiaChen/vue-element-admin: A magical vue admin http://panjiachen.github.io/vue-element-admin
- devjin0617/vue2-admin-lte: adminLTE to vuejs v2.x converting project
- shenghy/jspangAdmin: Vue2.0作的后台管理系统的架构
- lynzz/element-admin: 一个支持 vue-cli 的 Element UI 的后台模板
- hanjiangxueying/vue2-iview2-admin: 基于vue2和iview2的后台管理系统
- artiely/vue-admin-iview: vue后端管理系统界面 基于ui组件iview
- taylorchen709/vue-admin: admin template based on vuejs2 and element.
- vue-bulma/vue-admin: Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3
- lanux/Vue-Admin: 基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
- iview/iview-admin: Vue 2.0 admin management system template based on iView
- iView-admin - 登录
- d2-projects/d2-admin: An elegant dashboard
eagle.js
- Eagle.js
framework7-vue
- framework7io/framework7-vue: Deprecated! Build full featured iOS & Android apps using Framework7 & Vue
gotodevops.org
gaea-cli
- gaea-cli - npm
nuxt.js
libs
- nuxt/create-nuxt-app: Create Nuxt.js App in seconds.
- anteriovieira/nuxt-sass-resources-loader: SASS resources (e.g. variables, mixins etc.) module for NuxtJs
- ⚡ Nuxt PWA
- nuxt-community/dotenv-module: Loads your .env file into your application context
- nuxt-community/sentry-module: Sentry module for NuxtJS
- nuxt-community/analytics-module: Google Analytics Module
- nuxt-community/express-template: Starter template for Nuxt.js with Express.
- Introduction - Nuxt.js
- GitHub - warriorBrian/nuxt-blog: 基于Nuxt.js服务器渲染(SSR)搭建的个人博客系统
- warriorBrian/nuxt.js: The Vue.js Developers Framework
- 深入学习Vue SSR服务端渲染 用Nuxt.js打造CNode社区 - 掘金
- 深入NUXT,看看一条命令行的背后到底发生了什么 - 掘金
nativescript-vue
- nativescript-vue/nativescript-vue: Native mobile applications with NativeScript and Vue
quasar
- quasarframework/quasar: Quasar Framework - High performance, Material Design 2, full front end stack with Vue.js
uni-app
uni-ui
- dcloudio/uni-ui: 基于uni-app的ui框架
- dcloudio/uni-app: 使用 Vue.js 开发跨平台应用的前端框架
- uni-app 入坑指南 - 掘金
- uni-app官网
Vue CLI
Vue CLI Core
- Vue CLI 3
- Vue CLI
- Introduction · GitBook
- vue-cli/packages/@vue/cli-service/lib/config at dev · vuejs/vue-cli
vue-cli3-project
- lentoo/vue-cli3-project: vue-cli3-project
- vue-cli3 项目从搭建优化到docker部署 - 掘金
- trsoliu/vue-cli3.x-configure: 基于vue-cli3.x下,配合vuex、vue-router、iView、axios、scss、amfe-flexible、vConsole等等等
- trsoliu/vue-cli3-command: 基于vue-cli3脚手架自动化打包命名发版本部署脚本
从0到1使用VUE-CLI3开发实战
- 从0到1开发实战手机站(二):Git提交规范配置 - 掘金
- 从0到1使用VUE-CLI3开发实战(四): Axios封装 - 掘金
- 从0到1使用VUE-CLI3开发实战(五):模块化VUEX及使用vuetify - 掘金
- 从0到1使用VUE-CLI3开发实战(六):这是一个有代码洁癖的项目 - 掘金
¥vue-cli-plugin
- 如何编写一个vue cli插件 - 掘金
vue-cli FAQ
- vue-cli中理不清的assetsSubDirectory 和 assetsPublicPath - 掘金
- vue-cli3静态资源static assets项目结构 - Notes - SegmentFault 思否
- vue-cli2 中 assets 和 static 文件夹的区别 - Wayne8016的博客
- vue-cli assets文件夹和static文件夹的区别 - 简书
- Vue-cli中的静态资源管理(src/assets和static/的区别) - Panax - 博客园
- Vue-cli 项目处理src/assets下静态资源 - 中文 - Vue Forum
- vue-cli3静态资源static assets项目结构 - 細水、長流√的专栏
- javascript - vue-cli assets 和static 分别到底应该放什么文件. - SegmentFault 思否
- vue-cli3静态资源static assets-JavaScript中文网-JavaScript教程资源分享门户
- vue-cli 图片动态引入 怎么写呢?图片放在了assets 里面了。_慕课猿问
- Deploying ES2015+ Code in Production Today — Philip Walton
- 【vue-cli3升级】老项目提速50%(一) - 掘金
- 【vue-cli3升级】老项目提速50%(二) - 掘金
- vue-cli3 从搭建到优化 - 掘金
- 结合vue-cli来谈webpack打包优化 - 掘金
- 深入认识 vue-cli:能做的不仅仅是初始化 vue 工程 - 掘金
- 「Vue实践」项目升级vue-cli3的正确姿势 - 掘金
- 窥探 Vue CLI3 UI 内置插件 - 关闭网络端口 - 掘金
- Vue-cli@3.0 插件系统简析 - 掘金
- Vue-Cli3多页面配置与编译时构建优化 - 掘金
- vue-cli3 项目框架优化(OneLine周分享) - 掘金
- vue-cli 3.0 下发布一个 TypeScript 组件.md - 掘金
- vue cli 3.0快速创建项目 - 掘金
- 在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias @ - 掘金
- 用vue-cli3从0打造一个完整的UI库 - 掘金
- Vue-CLI 3.x 自动部署项目至服务器 - 掘金
- Vue CLI 3 项目构建基础 | 码农网
- vue2:使用vue-cli生成的脚手架,在开发配置上需要注意的事情 - 我有我的个人空间 - OSCHINA
- 让vue-cli3.0 配置简单起来(vue.config.js编结) - 掘金
- vuecli3+webpack4优化实践(删除console.log和配置dllPlugin) - 掘金
Vue-Donut
- 【工程化】从 0 搭建 VueJS 移动端组件库开发框架 - 掘金
- Vue-Donut——专用于构建Vue的UI组件库的开发框架 - 掘金
vue-native
- GeekyAnts/vue-native-core: Vue Native is a framework to build cross platform native mobile apps using JavaScript
- Vue Native
vuetify
- Vue.js Material Component Framework — Vuetify.js
¥从零搭建自己的Vue管理端框架
- 从零搭建自己的Vue管理端框架(一) - 掘金
- 从零搭建自己的Vue管理端框架(二) - 掘金
- 从零搭建自己的Vue管理端框架(三) - 掘金
- 从零搭建自己的Vue管理端框架(四) - 掘金
- 从零搭建自己的Vue管理端框架(五) - 掘金
- 从零搭建自己的Vue管理端框架(六) - 掘金
- N3-components/N3-components: N3-components , Powerful Vue UI Library.
- honraytech/VueThink: VueThink是一套基于Vue全家桶(Vue2.x + Vue-router2.x + Vuex)+ ThinkPHP5的前后端分离框架。
- annnhan/vue-spa-template: The base code of vue.js project.
- andrewcourtice/vuetiful: Vuetiful is a component framework written on top of the Vue reactive library. It is primarily designed for creating business/administration applications where the displaying of data is paramount.
- cklmercer/vue-stack-2.0: Vue 2.0 Project Boilerplate
- erguotou520/vue-fullstack: vue fullstack template
- cristijora/vue-paper-dashboard
- Vue构建工具的设计与实现 - 前端 - 掘金
Vue-Socket.io
- MetinSeylan/Vue-Socket.io: 😻Socket.io implementation for Vuejs and Vuex
vuepack
- egoist/vuepack: A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron)
vue 资源 & 整理集 & FAQ
Vue 资源
自定义/自实现组件
撸个vue2.0弹窗组件
- 前端教程
- rascalHao/kiko: 一个基于Vue2.0的弹窗组件(PC)
手写Vue插件
- 手牵手教你写 Vue 插件 - 掘金
- vue 手写一个时间选择器 - 掘金
- Vue-插件开发 - 掘金
- Vuex持久化插件-解决刷新数据消失的问题 - 掘金
- 重构:从 0.1 构建一个 Vue 表单验证插件 - 掘金
- vue表单验证你真的会了吗?组件之表单验证(form)validate - 掘金
- 基于vue实现web端超大数据量表格 - 掘金
从零实现Vue的组件库
- 从零实现Vue的组件库(零)- 基本结构以及构建工具 - 掘金
- 从零实现Vue的组件库(一)- Toast 实现 - 掘金
- 从零实现Vue的组件库(二)- Slider 实现 - 掘金
- 从零实现Vue的组件库(三)- Tabs 实现 - 掘金
- 从零实现Vue的组件库(四)- File-Reader实现 - 掘金
- 从零实现Vue的组件库(五)- Breadcrumb 实现 - 掘金
- 从零实现Vue的组件库(六)- Hover-Tip 实现 - 掘金
- 从零实现Vue的组件库(七)- Message-Box 实现 - 掘金
- 从零实现Vue的组件库(八)- Input 实现 - 掘金
- 从零实现Vue的组件库(九)- InputNumber 实现 - 掘金
- 从零实现Vue的组件库(十)- Select 实现 - 掘金
- 从零实现Vue的组件库(十一)- 结合 Functional Component 实现 Date-picker - 掘金
- 从零实现Vue的组件库(十二)- Table 实现 - 掘金
- 从零实现Vue的组件库(十三)- Pagination 实现 - 掘金
- 从零实现Vue的组件库(十四)- RadioGroup 实现 - 掘金
- 从零实现Vue的组件库(十五)- Checkbox-Group 实现 - 掘金
- 从零实现Vue的组件库(十六)- Dropdown 实现 - 掘金
- 基于 vue-cli3 打造属于自己的 UI 库 - 掘金
- 如何开发一个基于 Vue 的 ui 组件库(一) - 掘金
- 如何开发一个基于 Vue 的 ui 组件库(二) - 掘金
range组件
- aview/BaseSlider.vue at master · alex2wong/aview
debounce
- vue2 debounce 实现 - lickPack的博客 - CSDN博客
- Vue项目按需打包Lodash - savokiss - 博客园
- 在vue+element ui框架里怎么用lodash的debounce防抖 - liangxhblog的博客 - CSDN博客
- Vue实现函数防抖组件 - 掘金
- Vue Webpack 组件化开发实践 | 晚晴幽草轩
- 使用 Vue 实现 Context-Menu 的思考与总结 - 掘金
- 用于铁胆火车侠运行排班数据展示系统,一个基于Vue构建的Gantt-like 图表组件 - 掘金
- 基于vue-cli3快速发布一个fullpage组件 - 掘金
- 160行代码仿Vue实现极简双向绑定[详细注释] - 掘金
- vue组件开发,可以全面在第三方框架引入
- 浅尝Vue.js组件(一) - 掘金
- 浅尝Vue.js组件(二) - 掘金
- 一个鲜为人知的高性能组件注册及实现组件排序技巧 - 掘金
- Topic: vue-plugin
- Vue 系列一 之 Vue 基础 - 掘金
- Vue 系列二 之 猛龙行动之绝密代码 - 掘金
- Vue 实践小结 - 掘金
- vue知识点记录 - 掘金
- [总结]vue开发常见知识点及问题资料整理(持续更新) - 风雨后见彩虹 - 博客园
- Vue + Canvas项目总结 - 掘金
- Vue前端开发规范 - 掘金
- VUE组件汇总 - 掘金
- 【收藏】2019年最新Vue相关精品开源项目库汇总 - 掘金
- Vue经典开源项目汇总 - 掘金
编码规范 & 风格指南 & 命名风格
- 中文 - docs
- 风格指南 — Vue.js
- Vue.js命名风格指南 - 掘金
Vue 整理集
Vue折腾记
- Vue折腾记 - (1)写一个不大靠谱的二级侧边栏 - 掘金
- Vue折腾记 - (2)写一个不大靠谱的面包屑组件 - 掘金
- Vue折腾记 - (3)写一个不大靠谱的typeahead组件 - 掘金
- Vue 折腾记 - (4) 写一个不大靠谱的 loading 组件 - 掘金
- Vue 折腾记 - (5) 写一个不大靠谱的selectSearch组件 - 掘金
- Vue 折腾记 - (6) 写一个不大靠谱的backToTop组件 - 掘金
- Vue 折腾记 - (7) 写一个挺不靠谱的Vue-Echarts组件 - 掘金
- Vue 折腾记 - (8) 写一个挺靠谱的多地区选择组件 - 掘金
- Vue 折腾记 - (9) 写一个挺靠谱的typeahead组件 - 掘金
- Vue 折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示) - 掘金
- Vue 折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化 - 掘金
- Vue 折腾记 - (12) Nuxt.js写一个校验访问浏览器设备类型及环境的中间件 - 掘金
- Vue 折腾记 - (13) Nuxt.js写一个常规音频的播放组件,动态注入微信,新浪微博的js-sdk - 掘金
- Vue 折腾记 - (14) Nuxt.js 2 正式版升级采坑以及部署姿势改动 - 掘金
- Vue 折腾记 - (15) 捣鼓一个中规中矩loading组件 - 掘金
- Vue 折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件 - 掘金
- Vue 折腾记 - (17) 基于Ant Design Vue 封装一个配置式的表单组件 - 掘金
- Vue 折腾记 - (18) 用Vue的Inject Provide结合Event Bus来实现局部的状态维护 - 掘金
Vuejs渡劫系列
- Vuejs渡劫系列一:日常开发中必须掌握的细节(keng) | 莫伟德个人网站 | 技术香波岛
- Vuejs渡劫系列二:最全的vue-cli项目下的配置简析 | 莫伟德个人网站 | 技术香波岛
- Vuejs渡劫系列三:构建一个包含路由控制、状态管理和权限校验的vue-cli项目 | 莫伟德个人网站 | 技术香波岛
Vue教程
- Vue教程00:MVC、MVP、MVVM模式的区别,服务端渲染与客户端渲染的区别 - 掘金
- Vue教程01:Vue表达式与v-bind指令 - 掘金
- Vue教程02:v-model、v-text、v-html - 掘金
- Vue教程03:Vue事件、v-show、v-if指令 - 掘金
- Vue教程04:v-for指令 - 掘金
- Vue教程05:v-pre、v-cloak指令 - 掘金
- Vue教程06:数据同步、双向绑定原理 - 掘金
- Vue教程07:事件修饰符 - 掘金
- Vue教程08:Computed计算属性、Watch监听属性 - 掘金
- Vue教程09:双向绑定对象中属性原理 - 掘金
- Vue教程10:使用vue-router实现路由和传参 - 掘金
- Vue教程11:利用JS实现路由跳转,路由监听和导航守卫 - 掘金
- Vue教程12:多视图 - 掘金
- Vue教程13:基于Webpack构建项目 - 掘金
- Vue教程14:配置子路由 - 掘金
- Vue教程15:Vue组件 - 掘金
- Vue教程16:Vue实例生命周期详解 - 掘金
- Vue教程17:组件间通信之一:通过组件实例通信 - 掘金
- Vue教程18:组件间通信之二:通过事件通信 - 掘金
- Vue教程19:Vue 2.0组件开发模式 - 掘金
- Vue教程20:Vuex入门 - 掘金
- Vue教程21:Vuex Getter - 掘金
- Vue教程22:mapState、mapActions、mapGetters - 掘金
- Vue教程23:Vuex异步Action - 掘金
- Vue教程24:Vuex Modules(完结) - 掘金
设计模式在vue中的应用
- 设计模式在vue中的应用 (一) - 掘金
- 设计模式在vue中的应用(二) - 掘金
- 设计模式在vue中的应用(三) - 掘金
- 设计模式在vue中的应用(四) - 掘金
- 设计模式在vue中的应用(五) - 掘金
- 设计模式在vue中的应用(六) - 掘金
- 设计模式在vue中的应用(七) - 掘金
- 巧用设计模式构建可配置Vue前端应用-活动页生成系统实践 - 掘金
- 面试必看:剖析Vue原理之发布订阅者模式(基础篇) - 掘金
Vue笔记
Vue2笔记
- Vue2.5笔记:Vue中的模版 - 掘金
- Vue2.x 的笔记:第一次的感受 Vue 开篇 - 掘金
- Vue2.5笔记:Vue的实例与生命周期 - 掘金
- Vue2.5笔记:Class与Style几种绑定用法 - 掘金
Vue入门指南
- Vue入门指南-01创建vue实例 (快速上手vue) - 掘金
- Vue入门指南-02自定义全局和局部指令 (快速上手vue) - 掘金
- Vue入门指南-03 vue官方提供的指令 (快速上手vue) - 掘金
- Vue入门指南-04 事件机制和事件/按键修饰符和过滤器及监听属性(快速上手vue) - 掘金
- Vue入门指南-05 Vue实例的生命周期(快速上手vue) - 掘金
- Vue入门指南 axios的应用及拦截封装 - 掘金
- Vue入门指南-06 Vue中的动画(快速上手vue) - 掘金
- Vue入门指南-07 Vue中的组件(快速上手vue) - 掘金
- Vue入门指南(快速上手vue) - 掘金
- Vue入门指南-08 Vue中的标签/如何获取DOM元素(快速上手vue) - 掘金
- 第一阶段 Vue基础语法-第一集:Vue.js入门基础 - 掘金
- 第一阶段 Vue基础语法-第二集:Vue2.5开发去哪网 - 掘金
- 第二阶段 vue项目实战-第一集:快速入门web阅读器开发 - 掘金
- Vue 开发经验小记 - 掘金
- Vue简史 - 掘金
- [总结]vue开发常见知识点及问题资料整理(持续更新) - 风雨后见彩虹 - 博客园
- Vue项目history模式下微信分享总结 - 掘金
- vue引入第三方非模块化插件 · Issue #4 · CodeDreamfy/CodeDemo
- [译] Vue.js 优雅地集成第三方 JavaScript - 掘金
- Use Any Javascript Library With Vue.js - Vue.js Developers
- VUE 项目:API配置、版本控制(V1.0方案) - 掘金
- Vue 开发必须知道的 36 个技巧【近1W字】 - 掘金
Vue项目各目录结构及作用
- vue项目各目录结构及作用 - 简书
- Vue的目录结构 - 起小点 - CSDN博客
- VUE项目目录结构介绍 - 柳牧之的博客 - CSDN博客
- Vue项目---目录结构 - - SegmentFault 思否
- Vue入坑——vue-cli(脚手架)目录结构认识 - 铸剑为犁413的个人空间 - OSCHINA
- Vue.js 目录结构 | 菜鸟教程
- 深入理解Vue-cli搭建项目后的目录结构探秘_vue.js_脚本之家
- Vue 入门之项目目录结构介绍-云栖社区-阿里云
- Vue项目目录结构 - 简书
- Vue项目目录结构解析 - 简书
- vue项目开发基本目录结构 - 放晴的天空 - 博客园
- vue 文件目录结构详解_vue.js_脚本之家
- Vue项目目录架构 - - SegmentFault 思否
- Vue 开发|文件目录结构部署 - - SegmentFault 思否
- vue-cli 工程目录结构介绍 详细介绍 - Ralapgao - 博客园
- [vue学习]vue项目的文件和目录结构 - 简书
Vue面试
- vue.js面试题整理 - 竹木狼马 - 博客园
- OneTab shared tabs
Vue 的小奇技
- 【译】Vue 的小奇技(第一篇):提高大型数据列表的性能 - 掘金
- 【译】Vue 的小奇技(第二篇):衡量 Vue 应用的运行时性能 - 掘金
- 【译】Vue 的小奇技(第三篇):用 PurgeCSS 移除不需要的 CSS - 掘金
- 【译】Vue 的小奇技(第四篇):Vue.js 2.6.0 中的新指令 v-slot - 掘金
- 【译】Vue 的小奇技(第五篇):使用 v-bind 和 v-on 打造自适应组件 - 掘金
- 【译】Vue 的小奇技(第六篇):在 Vue.js 2.6 中不使用 Vuex 来创建 store - 掘金
- 【译】Vue 的小奇技(第七篇):在 vue-multiselect 基础上创建 ImageSelect 组件 - 掘金
- 【译】Vue 的小奇技(第八篇):两个鲜有人知的 Vuex 技巧 - 掘金
- 【译】Vue 的小奇技(第九篇):快照测试的威力 - 掘金
- 【译】Vue 的小奇技(第十篇):监听第三方组件的生命周期钩子 - 掘金
- 【译】Vue 的小奇技(第十一篇):高效简洁的函数式组件 - 掘金
- 【译】Vue 的小奇技(第十二篇):组件创建时立即调用观察者回调 - 掘金
你也许不知道的Vuejs
- 你也许不知道的Vuejs - 最佳实践(1) - 掘金
- 你也许不知道的Vuejs - 最佳实践(2) - 掘金
- 你也许不知道的Vuejs - 最佳实践(3) - 掘金
- 你也许不知道的Vuejs - 状态管理 - 掘金
- 你也许不知道的Vuejs - 自定义路由实现 - 掘金
- 你也许不知道的Vuejs - 插件开发 - 掘金
- 你也许不知道的Vuejs - 定制开发项目模板 - 掘金
- 你也许不知道的Vuejs - 使用ESLint检查代码质量 - 掘金
- 你也许不知道的Vuejs - 使用ES6快乐的玩耍 - 掘金
- 你也许不知道的Vuejs - 单文件组件 - 掘金
- 你也许不知道的Vuejs - 工欲善其事必先利其器 - 掘金
- 你也许不知道的Vuejs - 组件式开发 - 掘金
- 你也许不知道的Vuejs - 强大的指令系统 - 掘金
- 你也许不知道的Vuejs - 深入浅出响应式系统 - 掘金
- 你也许不知道的Vuejs - 花式渲染目标元素 - 掘金
- 你也许不知道的Vuejs - 前言 - 掘金
- jspang.com
手摸手,带你用vue撸后台系列
- 手摸手,带你用vue撸后台 系列一(基础篇) - 掘金
- 手摸手,带你用vue撸后台 系列二(登录权限篇) - 掘金
- 手摸手,带你用vue撸后台 系列三(实战篇) - 掘金
- 手摸手,带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板) - 掘金
- 手摸手,带你用vue撸后台 系列五(v4.0新版本) - 掘金
Vue FAQ
Vue 测试
vue-test-utils
- vuejs/vue-test-utils: 🔬 Utilities for testing Vue components
- Introduction | Vue Test Utils
- 介绍 | Vue Test Utils
- Vue单元测试探索 - 掘金
Vue 错误处理机制
- 浅出Vue 错误处理机制errorCaptured、errorHandler - 掘金
- vue框架下部署上线后刷新报404问题解决方案 - 掘金
- Vue项目中出现Loading chunk {n} failed问题的解决方法 - 半路出家老菜鸟 - SegmentFault 思否
Vue 异步
- vue 钩子函数 使用async await - 孟繁贵 - 博客园
- 在Vue中使用async函数 - 比利Billy - CSDN博客
- 使用async/await来处理异步(vue+node的实例) - 简书
- vue async/await同步 案例 - 春风十里的情 - 博客园
- vue.js - vue-cli构建的项目中如何使用async await - SegmentFault 思否
- vue中用async/await 来处理异步 - 简书
- vue中异步函数async和await的用法_玉小希_新浪博客
Vue 过渡动画
- Vue中的基础过渡动画原理解析 - 掘金
- Vue一个案例引发「动画」的使用总结 - 掘金
Vue 多环境配置
- 前端工程(vue)多环境配置方案 - 掘金
Vue 传参
- Vue传参一箩筐 - 掘金
- vue中参数传递(合集) - boy火巨的博客 - CSDN博客
Vue 路由权限控制
- 基于Vue的addRoutes实现权限控制 - CSDN博客
- vue+vue-router+vuex,利用vue-router2.2.0新增特性addRoutes实现路由动态加载,菜单动态加载,运用于后台管理系统,路由数据取自数据库 - CSDN博客
- vue用addRoutes实现动态路由的示例(从其他地方看到的,怕地址丢了,就复制过来了) - CSDN博客
- 基于Vue-Router和Vuex的页面访问权限控制 - CSDN博客
- 基于Vue实现后台系统权限控制 - CSDN博客
- Vue + ElementUI 手撸后台管理网站基本框架(二)权限控制 - CSDN博客
- 用addRoutes实现动态路由 - CSDN博客
- vue-router 动态添加 路由 - CSDN博客
- vue+element-ui,树形表格,可以做权限管理模块,可折叠,全选,部分全选 - CSDN博客
- vue 动态控制权限 - CSDN博客
- vue前后端分离项目做权限控制、自动登陆、h5 history模式及404页面 - CSDN博客
- Vue2.0用户权限控制解决方案 - CSDN博客
- 基于URL实现权限控制 - CSDN博客
- 权限控制方案之——基于URL拦截 - CSDN博客
- Vue2.0权限树组件 - CSDN博客
- 如何用 Vue 实现前端权限控制(路由权限 + 视图权限 + 请求权限) - CSDN博客
- vue问题记录(三):addRouter动态路由加载,,实现权限功能以及菜单的动态生成 - CSDN博客
- vue权限路由实现方式总结二 - 掘金
- 记一次Vue动态渲染路由的实现 - 掘金
- 如何优雅的在 vue 中添加权限控制 - 掘金
- 前后端分离实践:基于vue实现网站前台的权限管理-云栖社区-阿里云
- 基于VUE自定义指令实现按钮级权限控制 - 简书
- 基于vue的前端页面按钮权限控制_acoolper的专栏-CSDN博客
Vue优化
加密解密加签解签
- 在VUE中使用RSA加密解密加签解签 - 掘金
Vue懒加载
- 加快你的网站响应速度-Vue懒加载 - 掘金
- 从4个方面优化你的Vue项目 - 掘金
- Vue实战:简单几步,优化你的开发体验与效率 - 前端 - 掘金
- VUE简单的定时器实时刷新 - 掘金
- 如何在 Vue 项目中使用 echarts - 掘金
- 从Vue数组响应化所引发的思考 - 掘金
- vue项目中使用token的身份验证的简单实践 - 掘金
- Vue 性能优化之深挖数组 - 掘金
- Vue项目架构优化 - 掘金
- Vue项目升级webpack4.x和遇到的那些安装包Error - 掘金
- 一个Vue引发的性能问题 - 掘金
- 【Vue 实践】页面生成 pdf 文件-01 - 掘金
- Vue性能优化:如何实现延迟加载和代码拆分?
- 基于vue解决大数据表格卡顿问题 - 掘金
Vue 疑惑点
- vue/state.js at dev · vuejs/vue
- 离职后才搞懂vue项目开发流程中的疑惑点 - 掘金
- 记第一个Vue项目台前幕后的经历 - 掘金
- Vue一个案例引发的动态组件与全局事件绑定总结 - 掘金
- Vue一个案例引发的递归组件的使用 - 掘金
- Vue CLI 3.0脚手架如何在本地配置mock数据 - 掘金
- React与Vue模板使用比较(一、vue模板与React JSX比较) - 掘金
- 【翻译】Vue.js 的注意事项与技巧 - 掘金
- 如何搭建一个功能复杂的前端配置化框架(一) - 掘金
- vue.js - Vue transition中v-leave状态求解惑 - SegmentFault 思否
- vue加scoped后无法修改样式(无法修改element UI 样式) - boy火巨的博客 - CSDN博客
- vue 组件的三种使用方式教程 - 掘金
- 腾讯工程师们怎么玩 Vue.js?
- Vue.js 升级踩坑小记 - 掘金
- 使用 Vue 2.0 实现服务端渲染的 HackerNews - 梦想天空(山边小溪) - 博客园
- Vue.js基础拾遗 - 掘金
- Plans for the Next Iteration of Vue.js – The Vue Point – Medium
- Medium – a place to read and write big ideas and important stories
- InfoQ
$Weex
- apache/incubator-weex: Mirror of Apache Weex
- Getting Started | Weex
- weexteam/weex-vue-render: Web renderer for weex project written in Vue DSL.
$Web APP
svelte
- sveltejs/svelte: Cybernetically enhanced web apps
T3 - 构建大型 Web 应用的 JavaScript 框架
- box/t3js: A minimal component-based JavaScript framework
- T3 JavaScript Framework - T3 JavaScript Framework
- T3框架:简化大型JavaScript应用创建 - Q,传 - CSDN博客
- T3:为创建大型JavaScript应用而打造的开源前端库
$多端统一开发框架
NervJS/taro
echarts-for-taro
- WsmDyj/echarts-for-taro: 📜 适用于taro的echarts组件封装
- NervJS/taro: 多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用。
- NervJS/awesome-taro: 多端统一开发框架 Taro 优秀学习资源汇总
- Taro 介绍 · Taro
- Taro | 凹凸实验室
- taro - NervJS - 开源库 - 掘金
- TaroEcharts-各种图表在Taro中的实践 - 掘金
- taro多端实践初探 - 掘金
- 三端开发调研之京东Taro - 掘金
- Taro开发多端应用 - 掘金
- Natsuha - 用Taro写个天气微信小程序 - 掘金
chameleon
- Chameleon官网
- didi/chameleon: 真正专注于让一套代码运行多端的开发框架,提供标准的MVVM架构开发模式统一各类终端
- Chameleon跨端框架——壹个理想主义团队的开源作品 - 掘金
- 滴滴开源跨平台统一 MVVM 框架:Chameleon - 前端 - 掘金
$小程序框架
mpx
- didi/mpx: An enhanced miniprogram framework with data reactivity and deep optimizition.
$服务端渲染框架
sapper
- Sapper • Military-grade progressive web apps, powered by Svelte
- sveltejs/sapper: Military-grade progressive web apps, powered by Svelte
表现型
$3D框架
tensorspace
- tensorspace-team/tensorspace: Neural network 3D visualization framework, build interactive and intuitive model in browsers, support pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js
- TensorSpace.js
- 3分钟打开Web 3D图形学的大门 - 掘金
$GUI
ice
- 飞冰 - 让前端开发简单而友好
- alibaba/ice: 🚀 飞冰 - 让前端开发简单而友好
- 全新体验的飞冰 2.0 正式发布 - 掘金
- 这,就是飞冰物料 - 掘金
- 飞冰 - 让前端开发简单而友好
- 飞冰 - 让前端开发简单而友好
- 飞冰 - 让前端开发简单而友好
$JS MVC框架
mithril.js
- MithrilJS/mithril.js: A Javascript Framework for Building Brilliant Applications
- Introduction - Mithril.js
Backbone.js
- jashkenas/backbone: Give your JS App some Backbone with Models, Views, Collections, and Events
- Backbone.js
- Backbone.js API中文文档
- Backbone入门指南(一):什么是Backbone? - CSDN博客
todomvc
- tastejs/todomvc: Helping you select an MV* framework - Todo apps for React.js, Ember.js, Angular, and many more
- TodoMVC
Spine
- Spine JS Project
- SpineJS - LightWeight MVC Library for Marketing And Business
- 浅谈MVC/MVP/MVVM模式(概述) - 掘金
- 浅谈MVC/MVP/MVVM模式(MVC简单实现) - 掘金
$JS MVP框架
Riot.js
- riot/riot: Simple and elegant component-based UI library
- riot.js学习【三】事件 - da宗熊专栏 - CSDN博客
- riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期 - liulun - 博客园
- JavaScript 的 MVP 框架 Riot.js 3.10.0 发布,常规更新 - 开源中国
- riot.js教程【一】简介 - liulun - 博客园
- Riot.js——一个小而美的JS框架 - mervyn - SegmentFault 思否
- 初识riot.js - da宗熊专栏 - CSDN博客
- Riot.js — 1Kb 大小的 JavaScript 的 MVP 框架 - 开源中国
- riotjs 2.2.4 - 前端学习 - SegmentFault 思否
- Riot.js — Simple and elegant component-based UI library
- Riot - 比 Facebook React 更轻量的 UI 库 - 梦想天空(山边小溪) - 博客园
$JS MVVM框架
sugar
- tangbc/sugar: A lightweight and powerful JavaScript MVVM library. Used for production or learning how to make a full MVVM.
yox
- yoxjs/yox: A lightweight mvvm framework
- 简介 - Yox - A lightweight mvvm framework
$polymer.js
- polymerjs学习笔记——入门篇 - 简书
- Polymer——Web Components的未来 - 宏图志远 - 博客园
- Polymer 中文网
- 谈谈Google Polymer以及Web UI框架的未来-CSDN.NET
- Polymer Project
- 前端框架 Polymer 入门教程 – 热前端
- Polymer Project
- Polymer2.0 调用外联js方法 - 天边那朵云的博客 - CSDN博客
- Polymer library - Polymer Project
- Polymer 2.0 upgrade guide - Polymer Project
- Polymer/polymer-cli: Moved to Polymer/tools monorepo
- Polymer Project
$Presentation Framework
reveal.js
- hakimel/reveal.js: The HTML Presentation Framework
- reveal.js – The HTML Presentation Framework
slides
- briancavalier/slides: A slide presentation framework in HTML, JS, and OOCSS
- HTML Slide Presentation Framework
boardgame
- Stimulus: A modest JavaScript framework for the HTML you already have.
- stimulusjs/stimulus: A modest JavaScript framework for the HTML you already have
$Ractive.js
- Ractive.js
- ractivejs/ractive: Next-generation DOM manipulation
$UI组件库、框架
移动端组件UI库
PhoneGap 界面框架
- Onsen UI – 新鲜出炉的 PhoneGap 界面框架 - 梦想天空(山边小溪) - 博客园
mui
- mui - 百度
- DCloud - HBuilder 快应用
- CSS组件 · MUI
- MUI-最接近原生APP体验的高性能前端框架
- dcloudio/mui: 最接近原生APP体验的高性能框架
WeTouch
- WeTouch云平台:APP、小程序和H5一站式解决方案
- Touch UI 开发文档
iOS风格移动Web应用程序开发框架
- 构建 iOS 风格移动 Web 应用程序的8款开发框架 - 梦想天空(山边小溪) - 博客园
- Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular
- Sencha Touch - Sencha.com | Sencha.com
- jQT (formerly jQTouch) — Zepto/jQuery plugin for mobile web development
- trywebapp
- iphone-universal
- the-m-project.net - 这个网站可出售。 - 最佳的mobile framework javascript html5 project node build localstorage websql model 来源和相关信息。
- ChocolateChip UI
- snippetspace.com - 最佳的snippetspace 来源和相关信息。
MyLayout
- youngsoft/MyLinearLayout: MyLayout is a powerful iOS UI framework implemented by Objective-C. It integrates the functions with Android Layout,iOS AutoLayout,SizeClass, HTML CSS float and flexbox and bootstrap. So you can use LinearLayout,RelativeLayout,FrameLayout,TableLayout,FlowLayout,FloatLayout,PathLayout,GridLayout,LayoutSizeClass to build your App 自动布局 UIView UITableView UICollectionView RTL
- 开源UI界面布局框架MyLayout1.9发布 - 掘金
! only 移动端UI组件库
bootstrap
BOOTFLAT
- Bootflat
- bootflat/bootflat.github.io: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
epicbootstrap
- Epic Bootstrap
bootstrap-table
- wenzhixin/bootstrap-table: An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2, v3 and v4)
- Bootstrap Table
AdminLTE
- ColorlibHQ/AdminLTE: AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x
- Free Bootstrap Admin Template | AdminLTE.IO
coreui-free-bootstrap-admin-template
- coreui/coreui-free-bootstrap-admin-template: CoreUI is free bootstrap admin template
- 🆓 Free Bootstrap Admin Template · CoreUI
- twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
- Bootstrap · The world's most popular mobile-first and responsive front-end framework.
- Bootstrap 可视化布局系统
- Bootstrap中文网
- 手册
- 前端库 - 前端开发,JQUERY特效,全栈开发,vue开发
- gustavohenke/bselect: DEPRECATED - The select decorator component that was missing for Twitter Bootstrap.
bootstrap-ie7
- coliff/bootstrap-ie7: Bootstrap 3 CSS for IE7
- Bootstrap 3 for IE7 | bootstrap-ie7
- Bootstrap 中文文档 · Bootstrap 是世界上最流行的、移动设备优先的、响应式前端开发框架。
layui
laydate
- sentsin/laydate: layDate(日期与时间组件) 是 layui 独立维护的三大组件之一,我们在 5.0 的版本对其进行了一次惊艳的重写
- 日期和时间组件文档 - layui
- layDate - JS日期与时间组件/插件官方演示与讲解
layer
- sentsin/layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/ 普通提示/页面区块/iframe/tips等等几乎所有的弹出交互。目前已成为最多人使用的弹层解决方案
- layer官方演示与讲解(jQuery弹出层插件)
- layer API 帮助文档
- layer弹层组件开发文档 - layui
- 快速上手 layer,新人必看
- layer.open方法 - 大都督的博客 - CSDN博客
Layui-admin
- weberandphper/Layui-admin: 一个现成的 Layui+Vue的后台系统模板,开箱即用
layuimini
- zhongshaofa/layuimini: 后台admin前端模板,基于 layui 编写的最简洁、易用的后台框架模板。只需提供一个接口就直接初始化整个框架,无需复杂操作。
- Fly - layui前端框架官方社区
- 使用LayUI展示数据 - CSDN博客
- 在线示例 - layui
- Fly Template,基于 layui 的极简社区页面模版
- layui / fly:Fly Template由layui官方社区友情提供,基于layui搭建而成,提供了全屏和固宽两类排版,并且具备响应式适配能力,可以很好地作为简约型问答社区的页面支撑。
- LayIM - 拉近用户在Web间的距离
- layim
- layui 实用干货和常见问题的处理 - Fly社区
H-ui
- H-ui前端框架官方网站 - 专注前端解决方案
LuLu UI
- LuLu UI中文文档和演示 » 命名与设计
- yued-fe/lulu: LuLu UI for PC web
- LuLu UI - 游刃于用户侧PC web网站的UI组件
- 面向设计的半封装web组件开发(概要版) « 张鑫旭-鑫空间-鑫生活
- 面向设计的半封装web组件开发(原始)
- LuLu UI中文官方文档
jui
- Jui.com
- jui文档 - 百度
- TopJUI开发文档 - TopJUI前端框架
- TopJUI交流社区 - 致力于为企业级信息系统提供解决方案
- B-jui中文手册_中华文本库
junior
- justspamjustin/junior: A front-end framework for building html5 mobile apps with a native look and feel.
- Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.
sencha/extjs
- sencha
- extjs-doc-cn/ext4api: ExtJS4.1 中文文档翻译 在线文档
- Docs | Ext JS 6.2.0
- API Documentation - Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
- Welcome to SenchaDevs
- Design, Develop, and Test Enterprise Web Apps with Sencha | Sencha
- Sencha中文站 | 全球最大的Sencha中文资料,ExtJS中文教程,Ext中文教程
- API Documentation - Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
- ExtJS入门——开始 | 全球最大的Sencha中文资料,ExtJS中文教程,Ext中文教程
- https://cn.suyouxuan.com/S_2qc9gA/MDAwMDAwMDAwMJZ8i2TGqqetsmykbLF5ZNyoo00of5fZyL1oo00onoPPhquo000oZZ5hgaGHqsW5cbHAkJOsvaCF17KMrNm0lmmqhbWBabOHzZaKnn6tsqqja76zp6o000oxinHbsoyk3bO7apubuKSovne2YIOIkq274IGss4yWrbCgedmzjMrZv71zpAO0O0OO0O0O_MDAwMDAwMDAwMJZ8i2TG
semantic-ui
- Semantic UI
- Semantic-Org/Semantic-UI: Semantic is a UI component framework based around useful principles from natural language.
ring-ui
- JetBrains/ring-ui: A collection of JetBrains Web UI components
- Getting Started — Ring UI
amazeui
- Amaze UI | 中国首个开源 HTML5 跨屏前端框架
- amazeui/amazeui: Amaze UI, a mobile-first and modular front-end framework.
layerjs
- UI composition & animation in pure HTML | layerJS
- layerJS/layerJS: layerJS: Javascript UI composition framework
weui
- Tencent/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.
- WeUI
- Tencent/weui.js: A lightweight javascript library for WeUI.
- Tencent/weui-wxss: A UI library by WeChat official design team, includes the most useful widgets/modules.
- lihongxun945/jquery-weui: UI lib for build hybrid wechat web app
weex-ui
- alibaba/weex-ui: 🏄 A rich interaction, lightweight, high performance UI library based on Weex.
- Weex Ui
Workless
- scottparry/Workless: Workless is a CSS base framework to get your projects up and running as quickly as possible.
- Workless | An open source HTML, CSS & JS framework for developing front-end web applications faster.
- panteng/wechat-h5-boilerplate: 为腾讯微信优化的H5动效模板,帮助你快速构建全屏滚动型H5页面。
winjs
- winjs/winjs: A UI toolkit for modern browsers
- 如何快速掌握一个ui框架 - 掘金
$响应式框架
skelJS
- Skeljs – 用于构建响应式网站的前端开发框架 - 梦想天空(山边小溪) - 博客园
- http://skeljs.org/
Furatto
- Furatto – 轻量,友好的响应式前端开发框架 - 梦想天空(山边小溪) - 博客园
- Furatto
- IcaliaLabs/furatto: It's a flat, fast and powerful front-end framework for rapid web development.
响应式邮件框架
Ink
- Foundation for Emails | A Responsive Email Framework from ZURB
- Stargazers · zurb/foundation-emails
knockout
- knockout/knockout: Knockout makes it easier to create rich, responsive UIs with JavaScript
- Knockout : Home
Foundation
- zurb/foundation-sites: The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
- Foundation | The most advanced responsive front-end framework in the world.
- The most advanced responsive front-end framework in the world. | Foundation
- 15款帮助我们创建响应式布局的优秀前端框架 - 梦想天空(山边小溪) - 博客园
$模块化开发框架
- Ampersand.js - Home
- Aurelia – 模块化,简单,可测试的 JS 框架 - 梦想天空(山边小溪) - 博客园
$编辑器
rete
- retejs/rete: JavaScript framework for visual programming and creating node editor
- Rete.js
富文本编辑器
sir-trevor-js
- Sir Trevor JS | Made by Many
- madebymany/sir-trevor-js: Rich content editing entirely re-imagined for the web
slate
- ianstormtaylor/slate: A completely customizable framework for building rich text editors.
- Slate
- ianstormtaylor/slate: A completely customizable framework for building rich text editors.
wysihtml5
- xing/wysihtml5: Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
- jhollingworth/bootstrap-wysihtml5: Simple, beautiful wysiwyg editor
- wysihtml5 - A better approach to rich text editing
- bootstrap-wysihtml5
- 小伙伴们惊呆了!10行 JavaScript 实现文本编辑器 - 梦想天空(山边小溪) - 博客园
$骨架屏
客户端骨架屏
- 客户端骨架屏实现 - 掘金
$HTML5框架
egret
- egret-labs/egret-core: Egret is a brand new open mobile game and application engine which allows you to quickly build mobile games and apps on Android,iOS and Windows.
- NeoGuo/html5-documents: All about HTML5 frameworks
$后台管理框架
kitty
- kitty: 基于Spring Boot、Spring Cloud、Vue.js 、Element UI实现,采用前后端分离架构的权限管理系统,JAVA快速开发平台。
- kitty-ui: Kitty 前端,基于 Vue + Element 实现的权限管理系统。
- kitty-generator: Kitty代码生成器,可以通过界面配置快速生成包括 model,dao,service,controller 以及页面的相关代码。
Tabler
- 简介 - 文档 - tabler.github.io - 一个响应式,平面和全功能的管理模板
- Tabler - Admin panel made simple
行为型
$aura
- aurajs/aura: A scalable, event-driven JavaScript architecture for developing component-based applications.
$CanJS
- canjs/canjs: JS framework providing state management, templates & custom elements. Helps you build the impossible while keeping the common stuff easy.
- CanJS - Build CRUD apps in fewer lines of code
$cli & template
product-boilerplate
- nice-boys/product-boilerplate: Quickly ship your apps with the power of code generation.
amis
- baidu/amis: 前端低代码框架
- AMis Renderer
$dob
- dobjs/dob-react: React bindings for dob
$ERP
$functional and reactive framework
cyclejs
- cyclejs/cyclejs: A functional and reactive JavaScript framework for predictable code
- Cycle.js
$Platform
meteor
- meteor/meteor: Meteor, the JavaScript App Platform
- Build Apps with JavaScript | Meteor
$test框架
jasmine
- Jasmine Documentation
- jasmine/jasmine: DOM-less simple JavaScript testing framework
mochajs
- mochajs/mocha: simple, flexible, fun javascript test framework for node.js & the browser
- Mocha - the fun, simple, flexible JavaScript test framework
- 记一次使用mocha做单元测试 - 掘金
qunitjs
- qunitjs/qunit: An easy-to-use JavaScript Unit Testing framework.
- QUnit
- QUnit API Documentation
selenium
- Selenium - Web Browser Automation
- SeleniumHQ/selenium: A browser automation framework and ecosystem.
- WebdriverIO - Selenium 2.0 javascript bindings for nodejs
nightwatchjs
- Nightwatch.js | Node.js powered End-to-End testing framework
- nightwatchjs/nightwatch: Automated testing and continous integration framework based on node.js and selenium webdriver
phantomjs
- ariya/phantomjs: Scriptable Headless Browser
- PhantomJS | PhantomJS
- Huddle/PhantomCSS: Visual/CSS regression testing with PhantomJS
- Huddle/PhantomFlow: Describe and visualise user flows through tests with PhantomJS
percy
- Percy
- Percy
sinonjs
sinon-chai
- domenic/sinon-chai: Extends Chai with assertions for the Sinon.JS mocking framework.
- sinonjs/sinon: Test spies, stubs and mocks for JavaScript.
- Sinon.JS - Documentation
- Sinon.JS - Standalone test fakes, spies, stubs and mocks for JavaScript. Works with any unit testing framework.
Sixpack
- Sixpack: An Ab Testing Framework from SeatGeek
- sixpack/sixpack: Sixpack is a language-agnostic a/b-testing framework
dalekjs
- DalekJS - Automated cross browser testing with JavaScript
- DalekJS
appium
- appium/appium: Automation for iOS, Android, and Windows Apps.
- appium/appium-desktop: Appium Server and Inspector in Desktop GUIs for Mac, Windows, and Linux
- Appium: Mobile App Automation Made Awesome.
- substack/tape: tap-producing test harness for node and browsers
- Chai
- Karma - Spectacular Test Runner for Javascript
- webdriverio/webdriverio: Webdriver/Selenium 2.0 JavaScript bindings for Node.js
$vialer-js
- vialer/vialer-js: Open-source WebRTC communication platform.
- Home | Vialer-js
$接口行为
Swagger
- Swagger
- 中文文档 · Sayi/swagger-diff Wiki
- The Best APIs are Built with Swagger Tools | Swagger
- Hosted & Interactive API Documentation | SwaggerHub | Swagger
- Swagger入门教程 - JoiT - 博客园
- 特别好用的swagger ui 封装 - huanshare - 博客园
- Swagger中文配置 - u010046887的专栏 - CSDN博客
- Swagger-强大的API文档工具 - 简书
- Swagger:Rest API的描述语言 - 知乎
- 使用 Swagger 文档化和定义 RESTful API
- 使用 SwaggerUI 创建 Golang API 文档 - Go语言中文网 - Golang中文社区
- Sayi (卅一)
- 使用swagger作为restful api的doc文档生成 - 朝雨忆轻尘 - 博客园
feathers
- feathersjs/feathers: A REST and real-time API layer for Node.js, React Native and the browser.
- Feathers | A REST and real-time API layer for Node.js, React Native and the browser.
$任务控制、集成式框架
openmct
- nasa/openmct: A web based mission control framework.
- Open MCT - Open Source Mission Control Software — Open MCT
her
- hao123-fe/her: High-performance Enhanced Rendering solution, an implement of Pagelet and Bigpipe for Smarty. Hao123前端高性能渲染解决方案
- Her - High-performance Enhanced Rendering Hao123前端高性能渲染解决方案 | Her - A High-performance Enhanced Rendering solution
jslib-base
- logan70/jslib-base: 开箱即用的JavaScript库开发框架
- JavaScript库架构实战 - 掘金
$静态网站生成器
vuepress
- vuejs/vuepress: 📝 Minimalistic Vue-powered static site generator
- VuePress
- VuePress
- 给你的 VuePress 添加 Gitalk 评论插件吧 - 掘金
- 我的这套VuePress主题你熟悉吧 - 掘金
- 一步步搭建 VuePress 及优化【初始化到发布】 - 掘金
- 一步步搭建 VuePress 及优化【插件系列】 - 掘金
- 一步步搭建 VuePress 及优化【自动化】 - 掘金
- vuepress爬坑之旅 - 掘金
- 11ty/eleventy: A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML.
- Eleventy
shotCat_doc
- 1011cat/shotCat_doc: 开箱即用,利用vuepress快速搭建自己的类element-ui的组件文档
- shotCat_doc
- shotCat_doc 一个开箱即用的UI组件库文档 - 掘金
$数据模型
Vmo
- Vmo前端数据模型设计 - 掘金
- xiaobebe/Vmo: Vmo 是一个用于前端的数据模型。解决前端接口访问混乱,服务端数据请求方式不统一,数据返回结果不一致的微型框架。
$页面可视化搭建框架
page-pipepline
- page-pipepline
- page-pipepline/pipeline-editor: 🌾页面可视化搭建框架的web编辑器 -- https://page-pipepline.github.io/pipeline-editor/dist/#/
grapesjs: 网站模版可视化编辑器工具
- artf/grapesjs: Free and Open source Web Builder Framework. Next generation tool for building templates without coding
- GrapesJS
gods-pen
- ymm-tech/gods-pen: 基于vue的高扩展在线网页制作平台,可自定义组件,可添加脚本,可数据统计。A mobile page builder/editor, similar with amolink.
- 码良
Web开发必备Tools
HTML、移动端、Mac相关
$HTML
Geo
- Geolocation API Specification 2nd Edition
parentNode,parentElement,childNodes,children
- parentNode,parentElement,childNodes,children最经典讲解 - qq_36010298的博客 - CSDN博客
- parentNode,parentElement,childNodes,children的区别 - 学而不思则罔,思而不学则殆 - CSDN博客
- parentElement\parentNode.parentNode.childNodes用法例子 - cindysaj的专栏 - CSDN博客
- parentNode、parentElement,childNodes、children 区别 - MIR_zhang的博客 - CSDN博客
- Js-parentNode、parentElement,childNodes、children 的区别 - teresa502的专栏 - CSDN博客
text&HTML
- js中的innerHTML,innerText,value的区别 - w965440884的专栏 - CSDN博客
- textContent和innerText属性的区别 - dexing07的博客 - CSDN博客
- innerHTML outerHTML innerText textContent的区别 - win0032的博客 - CSDN博客
- javascript textContent与innerText的异同分析_javascript技巧_脚本之家
- HTMLElement.innerText - Web APIs | MDN
- JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val() ? - 靥放 - 博客园
- 原生js修改文本内容 - 麦兜家园 - 博客园
FAQ
- 'autocomplete="off"'在Chrome中不起作用解决方案 - CSDN博客
- 7 User interaction — HTML5
- 创建自定义 HTML 电子邮件模板
- 练习笔记:使用jQuery实现H5拖放(drag 和 drop)功能 - CSDN博客
- 如何编写兼容各主流邮箱的HTML邮件 - dengminhui - ITeye技术网站
- HTML 格式的邮件怎样定义 CSS_HTML教程-织梦者
- HTML meta标签总结,HTML5 head meta属性整理-前端开发博客
- 送给前端的你,推荐几篇前端汇总文章。
- 基于vw等viewport视区单位配合rem响应式排版和布局 « 张鑫旭-鑫空间-鑫生活
- 十六进制颜色代码表,图表及调色板 - Encycolorpedia
- html 空白汉字占位符  - CSDN博客
- 手机/移动前端开发需要注意的20个要点_Android_脚本之家
- developer.android.com
- 在网页上使用苹方字体 - 任平生的学习笔记
- 给select增加placeholder技巧 - CSDN博客
- HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑) - ithink-设计-Design
- HTMLTIPS - CSDN博客
- STRML: Projects and Work
- 移动端适配问题 - 守候的回答 - SegmentFault 思否
- jsp页面中注释 <!-- --> 和<%-- --%> 的区别 - CSDN博客
- HTML标签----图文详解 - 千古壹号 - 博客园
- HTML5新特性及详解 - 张三的美丽家园 - 博客园
- HTML5详解 - 何必再忆 - 博客园
- autoplay自动播放策略 - 简书
- Html table td 内容自动换行 - CSDN博客
$HTML5
¥H5 教程
一镜到底H5
- 从零到一:实现通用一镜到底H5 - 从零到一 - SegmentFault 思否
- 值得 Web 开发人员收藏的20个 HTML5 实例教程 - 梦想天空(山边小溪) - 博客园
- Web 开发中应用 HTML5 技术的10个实例教程 - 梦想天空(山边小溪) - 博客园
- HTML5拍照、摄像机功能实战 - 掘金
- 8个惊艳的 HTML5 和 JavaScript 特效 - 梦想天空(山边小溪) - 博客园
- 10个让人眼花缭乱的 HTML5 和 JavaScript 效果 - 梦想天空(山边小溪) - 博客园
- 分享20个无版权的高清无码图库站 - 梦想天空(山边小溪) - 博客园
- 【特别推荐】Web 开发人员必备的经典 HTML5 教程 - 梦想天空(山边小溪) - 博客园
- 精选9个值得学习的 HTML5 效果【附源码】 - 梦想天空(山边小溪) - 博客园
- 分享16款基于 HTML5 Canvas 开发的网页游戏 - 梦想天空(山边小溪) - 博客园
- H5 notification浏览器桌面通知 - 掘金
¥H5 core
- Google Web Designer
- snaptomato.appspot.com
- HTML 5.2
- HTML5
- Bézier Curve (de Casteljau algorithm)
- Google Web Designer
- HTML 5.2
- HTML5
¥H5 libs
H5游戏开发的2D渲染引擎
- cutjs.org - 这个网站可出售。 - 最佳的cutjs html5 game graphic engine android javascript canvas 来源和相关信息。
- shakiba/stage.js: 2D HTML5 rendering engine for game development
- CutJS – 用于 HTML5 游戏开发的 2D 渲染引擎 - 梦想天空(山边小溪) - 博客园
ShareDrop – 苹果 AirDrop 服务的H5实现
- ShareDrop – 苹果 AirDrop 服务的 HTML5 实现 - 梦想天空(山边小溪) - 博客园
- ShareDrop
html5bones
- iandevlin/html5bones: The HTML5 template that goes back to basics
- HTML5 Bones: The template that goes back to basics
HTML5 Maker
- Free Online Banner Maker. Quickly design & create banners in HTML5 & GIF formats
- | HTML5 Canvas Rich UI JavaScript Library
- Brunch - ultra-fast HTML5 build tool
- gauge.js
- stefanerickson/covervid: Make your HTML5 video behave like a background cover image with this lightweight Javascript plugin / jQuery extension
- Quintus JavaScript HTML5 Game Engine
- Waud.js – 使用HTML5降级处理的Web音频库 - 梦想天空(山边小溪) - 博客园
- Chimee - 可扩展的组件化H5播放器框架
- Chimeejs/chimee: a video player framework aims to bring wonderful experience on browser
- Timesheet.js - Open time tables with HTML, JavaScript and CSS …
- NoMe » location and weather JavaScript library
- gauge.js
- stefanerickson/covervid: Make your HTML5 video behave like a background cover image with this lightweight Javascript plugin / jQuery extension
- JSCapture
- Quintus JavaScript HTML5 Game Engine
- snaptomato.appspot.com
- Bézier Curve (de Casteljau algorithm)
- www.cnblogs.com/lhb25/archive/2011/03/27/html5-canvas-best-games.html
- Squire – 简洁的 HTML5 富文本编辑器 - 梦想天空(山边小溪) - 博客园
- PixiJS - 基于 WebGL 的超快 HTML5 2D 渲染引擎 - 梦想天空(山边小溪) - 博客园
- 给你推荐10款优秀的 HTML5 动画工具 - 梦想天空(山边小溪) - 博客园
- Aerolab/blockrain.js: HTML5 Tetris Game for jQuery
- Hyhyhy – 专业的 HTML5 演示文稿工具 - 梦想天空(山边小溪) - 博客园
¥H5 tools
vConsole
- Tencent/vConsole: A lightweight, extendable front-end developer tool for mobile web page.
- Brunch - ultra-fast HTML5 build tool
- Manifesto – HTML5 离线应用程序缓存校验工具 - 梦想天空(山边小溪) - 博客园
- www.cnblogs.com/lhb25/p/html-inspector-a-code-quality-tool.html
¥H5 FAQ
$移动端
¥iOS
iOS-Developer-Roadmap
- BohdanOrlov/iOS-Developer-Roadmap: Roadmap to becoming an iOS developer in 2018.
- leecade/ios-dev-flow: iOS 开发流程笔记
- GitHub 中与 iOS 开发相关的20个开源工具(神器) - 工具资源 - 掘金
¥Android
结构
$语法&算法
- Vector和ArrayList对比 - 掘金
- Curzibn/Luban: Luban(鲁班)—Image compression with efficiency very close to WeChat Moments/可能是最接近微信朋友圈的图片压缩算法
$机制
事件分发流程
- SimpleTouch:一个库彻底搞懂事件分发流程 - 掘金
- AlexMahao/SimpleTouch: 一个用来监听View事件分发的库
$libs
Glide
- Glide 源码分析(一):图片压缩 - 掘金
下拉刷新 分页加载
- 一篇文章带你撸遍下拉刷新 分页加载控件 - 掘金
- chrisbanes/Android-PullToRefresh: DEPRECATED
$android-studio
- Android Studio 中文社区-安卓开发者工具集:Android SDK/JDK/ADT/Gradle/App-3.0正式版下载/安装/教程/外包/招聘
- Android Developers
表现
$WebView
- 一个一线前端攻城狮的快应用开发之路:2、我与WebView的斗智斗勇 - 掘金
- WebView与APP交互实战记录 - 掘金
$组件
¥progress
YCProgress
- YCProgress自定义百分比进度条 - 掘金
- yangchong211/YCProgress: 自定义进度条,包括圆环型百分比进度条,直线型百分比进度条,还有仿360杀毒百分比进度条。可以自由设置进度条的类型,外部轮廓颜色,中心圆颜色,自定义百分比单位
¥播放器
- 封装bilibili播放器,自定义边下边播和缓存功能 - 掘金
- Zhaoss/VideoPlayerDemo: 封装bilibili播放器,自定义边下边播和缓存功能
- Bilibili/ijkplayer: Android/iOS video player based on FFmpeg n3.4, with MediaCodec, VideoToolbox support.
¥日历
- prolificinteractive/material-calendarview: A Material design back port of Android's CalendarView
¥chart
- PhilJay/MPAndroidChart: A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, dragging and animations.
¥list
- drakeet/MultiType: An Android library to create multiple item types list views easily and flexibly
行为
$教程
- kesenhoo/android-training-course-in-chinese: Android官方培训课程中文版
- Freelander/Android_Data: Some Android learning materials, hoping to help you learn Android development.
- sw950729/AndroidNotes: Android学习笔记
$功能
限制输入字符个数
- EditText 限制输入字符个数的三种方式 - Android - 掘金
- zhooker/EditTextLengthLimit: EditText 限制输入字符个数的三种方式
DeviceMotion
- rikschennink/shiny: 🌟 Shiny reflections for mobile websites
- Shiny, Simulating Reflections for Mobile Websites
$tools
- Blankj/AndroidUtilCode: Android developers should collect the following utils(updating).
$FAQ
- 移动端常见bug - 前端 - 掘金
- css 中引入 svg 来兼容部分安卓机显示 0.5px 边框 - 掘金
- LedgerHQ/ledger-live-mobile: Ledger Live (Mobile)
¥微信项目
小程序
小程序Core
- 微信公众平台
- 项目 - Dashboard - 微信开发者代码管理
- 项目 - Dashboard - 微信开发者代码管理
- 微信公众平台
- qwerty472123/wxappUnpacker: Wechat App(微信小程序,.wxapkg)解包及相关文件(.wxss,.json,.wxs,.wxml)还原工具
- leo9960/wechat-app-unpack: 微信小程序(.wxapkg)解包心得以及未开放API猜测
- 微信小程序源码阅读笔记1 - Lrdcq - 個人博客
- (1) 只需两步快速获取微信小程序源码 - 掘金
微信小程序教程
- 小程序第三方框架对比 ( wepy / mpvue / taro ) - 掘金
- 微信小程序教程01:小程序简介 - 掘金
- 微信小程序教程02:App(Object)和Page(Object) 构造器介绍 - 掘金
- 微信小程序教程03:WXML语法 - 掘金
- 微信小程序教程04:API(完结) - 掘金
- 微信小程序Video组件实践总结 - 掘金
- 小程序点睛之一:如何将小程序异步回调接口 Promise 化 - 掘金
- 小程序点睛之二:小程序使用 Iconfont 的正确姿势 - 掘金
- 小程序点睛之三:才不是你想的那种组件 - 掘金
- imageslr/weapp-library: “在线借书平台”小程序:连接读者与图书馆的借书平台、读者的图书资料库与书单系统
- 直播开发入门学习笔记 | Alan Hou的个人博客
- 微信小程序 & H5直播开发从入门到精通 - 简书
- 小程序折腾记 - Taro(1.2.x)开发一个微信小程序下来的要点梳理及爬坑姿势(篇幅有点长) - 掘金
- 手把手教你用Taro框架写一个图像处理类微信小程序 - 掘金
- dntzhang/westore: 世界上最小却强大的小程序框架 - 100多行代码搞定全局状态管理和跨页通讯
- 微信小程序从入门到精通:最全的资源列表(持续更新中)
wx-cookie
- liaozh/wx-cookie: 代理wx.request对象,让小程序支持cookie传输
资源&FAQ
- Anka——渐进式小程序开发工具集 - 掘金
- 微信应用号(小程序)资源汇总(1010更新) - 码农果园 - SegmentFault 思否
- justjavac/awesome-wechat-weapp: 微信小程序开发资源汇总 :100:
- 微信小程序组件化的解决方案 - 掘金
- 小程序--语音合成tts 对接多平台(讯飞,思必驰,百度) - 掘金
- 经验总结--我的小程序开发和进化之路 - 掘金
- 微信小程序 - 富文本图片宽度自适应(正则) - 掘金
- 微信小程序-锚点定位 - 掘金
- 小程序从手动埋点到自动埋点 - 掘金
- 微信小程序自定义组件实现 tabBar、navBar - 掘金
- 小程序:无限自动滚动的Gallery - 掘金
- 小程序交流专区 | 微信开放社区
npm
sm-crypto
- wechat-miniprogram/sm-crypto: weapp sm crypto library
- JavaScript 支持情况 | 微信开放文档
- Tencent/wepy: 小程序组件化开发框架
- 如何入门微信小程序开发,有哪些学习资料? - 前端开发 - 知乎
- 利用网页版微信API做一个微信机器人 - 掘金
¥webapp隐藏浏览器导航栏
- 移动端webapp如何隐藏浏览器的导航栏 - _林冲 - 博客园
¥Tools
- afkT/DevUtils: (持续更新, 目前含100+工具类) DevUtils 是一个 Android 工具库, 主要根据不同功能模块,封装快捷使用的工具类及 API 方法调用。 该项目尽可能的便于开发人员,快捷、快速开发安全可靠
¥FAQ
- 解决移动端滚动穿透 - 掘金
- 滚动穿透问题探索 - 掘金
- iOS下浏览器document/body的click事件无效的坑 - 掘金
- 移动跨平台技术方案总结 - 掘金
- 移动端常见bug汇总001 - 掘金
- 移动端常见bug汇总002 - 掘金
$Mac
Best-App
- jaywcjlove/awesome-mac: Now we have become very big, Different from the original idea. Collect premium software in various categories.
- nikitavoloboev/my-mac-os: List of applications and tools that make my macOS experience even more amazing
meilix-generator
- fossasia/meilix-generator: WebApp for generating a custom ISO image based on Meilix http://meilix.org
实用工具相关
$前端web相关
¥浏览器
浏览器页面渲染机制&幕后工作原理
从输入URL开始
- What happens when you type 'google.com' into a browser and press Enter? - DEV Community 👩💻👨💻
- 从浏览器输入一个网址开始讨论网络传输的工作原理 - 掘金
- [译]从输入URL到页面呈现的超详细过程——第一步:获取资源 - 掘金
- [译]从输入URL到页面呈现的超详细过程——第二步:Tags转化成DOM的过程 - 掘金
- Web 前置知识——老生常谈的从 URL 输入到页面展现背后发生的事 - 掘金
- HLS.JS 自定义 分片 TS 请求 URL - 前端 - 掘金
- 在浏览器中输入URL后,执行的全部过程。(一次完整的http请求过程) - TigerChen - CSDN博客
- 名词解释URI和URL - hellofeiya的专栏 - CSDN博客
- 从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系! - 程序生涯 - SegmentFault 思否
- developers.google.com
- medium.com
- How browser rendering works — behind the scenes – LogRocket
- 基石-初见浏览器(一):浏览器渲染 - 掘金
- 基石-初见浏览器(二):AJAX和跨域 - 掘金
- 现代浏览器探秘(part 1):架构 - 掘金
- 现代浏览器探秘(part2):导航 - 掘金
- 现代浏览器探秘(part3):渲染 - 掘金
- 现代浏览器探秘(part4):事件处理 - 掘金
- 浏览器原理系列10篇正式完结 - 掘金
- 浏览器页面渲染机制,你真的弄懂了吗 - 前端 - 掘金
- 浏览器原理 - 掘金
- 浏览器渲染原理 - 前端 - 掘金
- 浏览器前端优化 - 前端 - 掘金
- 深入浅出浏览器渲染原理 - 掘金
- 浏览器渲染简述 - 掘金
- 现代浏览器内部工作原理(附详细流程图) - 掘金
- 一文看透浏览器架构 - 掘金
- 11道浏览器原理面试题 - 掘金
- 前端开发者应该明白的浏览器工作原理 | banggan's Blog
- 图解浏览器的基本工作原理 - 知乎
- 前端必读:浏览器内部工作原理_知识库_博客园
- 浏览器的工作原理:现代网络浏览器幕后揭秘 - HTML5 Rocks
基于 JS 编写的浏览器
- breach.cc [15]
- SlimerJS
- laurentj/slimerjs: A scriptable browser like PhantomJS, based on Firefox
V8引擎
- V8 JavaScript engine
- [译]V8引擎中的排序 - 掘金
- 「译」Orinoco: V8的垃圾回收器 - 前端 - 掘金
- 「译」Orinoco: V8的垃圾回收器 - 前端 - 掘金
PWA
- tastejs/hacker-news-pwas: HNPWA - Hacker News readers as Progressive Web Apps 📱
- lukeed/pwa: (WIP) Universal PWA Builder
- PWA
- PWA Starter Kit
- PWA(Progressive Web App)入门系列:Cache Storage & Cache - 掘金
- 【PWA】关于PWA的实操以及使用经验总结_NeverYu-CSDN博客
browsh
- browsh-org/browsh: A fully-modern text-based browser, rendering to TTY and browsers
- thomasloven/lovelace-browser-commander
- Home | web.dev
- [译] 一文带你看完 2019 开年浏览器之争的最新进展 - 掘金
¥前端安全/性能/监控
¥具体
跨网站脚本XSS
- 常见六大Web安全攻防解析 - 掘金
- JS每日一题: web安全攻击手段有哪些?以及如何防范 - 掘金
- leizongmin/js-xss: Sanitize untrusted HTML (to prevent XSS) with a configuration specified by a Whitelist
跨站点请求伪造(CSRF)
- 跨站点请求伪造(CSRF)总结和防御 - 掘金
内容安全策略(CSP)
- 内容安全策略(CSP)详解 - 掘金
img优化
- [盘点] 项目中可以怎么优化图片 - 掘金
代码优化
- 用100行代码提升10倍的性能 - 掘金
浏览器渲染优化
回流与重绘
关键渲染路径
- 优化关键渲染路径 - 掘金
- 关键渲染路径 · Issue #29 · berwin/Blog
- 关于回流与重绘优化的探索 - 掘金
- 你真的了解回流和重绘吗 - 掘金
- 你应该要知道的重绘与重排 - 掘金
- 浏览器渲染原理(性能优化之如何减少重排和重绘) - 掘金
- DocumentFragment | MDN
预渲染
- 构建时预渲染:网页首帧优化实践 - 美团技术团队
- 浏览器渲染优化 - 掘金
- 仪表盘场景的前端优化 - 掘金
- Browser Rendering Optimizations for Frontend Development ― Scotch.io
- w3c/20180903_Web性能信息采集指南.md at master · 75team/w3c
- 【译】Google - 使用 webpack 进行 web 性能优化(一):减小前端资源大小 - 掘金
- 【译】Google - 使用 webpack 进行 web 性能优化(二):利用好持久化缓存 - 掘金
- 【译】Google - 使用 webpack 进行 web 性能优化(三):监控和分析应用 - 掘金
- 如何监控前端页面FPS - 掘金
- 轻松实现 Web 性能优化 - 掘金
- 移动web性能优化从入门到进阶 - 掘金
- Webnovel 不用照顾 Edge 浏览器性能?想多了! - 掘金
- 在单页应用中,如何优雅的上报前端性能数据 - 掘金
- 蚂蚁金服如何把前端性能监控做到极致? - 前端 - 掘金
- 手刃前端监控系统 - 掘金
- 前端监控和前端埋点方案设计 - 掘金
- 奇舞周刊
- 动态修改script标签中的src属性存在的问题 - CSDN博客
- 前端优化:RequireJS Optimizer 的使用和配置方法 - 梦想天空(山边小溪) - 博客园
- 把前端监控做到极致 - 知乎
- Web 安全总结(面试必备良药)
¥清单/总结
2019 前端性能优化年度总结
- gold-miner/front-end-performance-checklist-2019-pdf-pages-1.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-2.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-3.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-4.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-5.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-6.md at master · xitu/gold-miner
- (译)2019年前端性能优化清单 — 上篇 - 掘金
- (译)2019年前端性能优化清单 — 中篇 - 掘金
- (译)2019年前端性能优化清单 — 下篇 - 掘金
- 前端性能优化 · Issue #72 · xwchris/blog
- 前端性能优化不完全指北 · Issue #9 · Weiyu-Chen/blog
- front-end-interview/load.md at master · Advanced-Interview-Question/front-end-interview
- 在单页应用中,如何优雅的监听url的变化 · Issue #37 · forthealllight/blog
- [英] 前端性能优化 2019 年度总结 - 前端 - 掘金
- 前端性能优化之Lazyload - 掘金
- 嗨,送你一张Web性能优化地图 - 前端 - 掘金
- 【译文】CSS 与网络性能 - 掘金
- 深度讲解:web前端性能优化 - 掘金
- 前端性能优化总结 - 掘金
- 出人意料的性能测试 - 掘金
- Web前端性能优化的9大问题 - 前端web钻研者 - 博客园
- 雅虎前端优化法则 - 思齐_ - 博客园
- 2017前端性能优化清单 - ED's Blog - SegmentFault 思否
- (10 条消息)Web前端应该从哪些方面来优化网站? - 知乎
- Web Developer Checklist
- (1.6w字)浏览器与前端性能灵魂之问,请问你能接得住几个?(上) - 掘金
- 性能测试常见指标介绍 - 朝雨忆轻尘 - 博客园
- 五个维度再谈前端性能优化
¥工具/系统
网站速度和性能测试工具
- 【特别推荐】12款最佳的网站速度和性能测试工具 - 梦想天空(山边小溪) - 博客园
- 网站优化:测试网站速度的8款免费工具推荐 - 梦想天空(山边小溪) - 博客园
实时用户监控工具
- Bucky — Performance Measurement of Your App's Actual Users
- HubSpot/BuckyClient: Collect performance data from the client
Lighthouse
- GoogleChrome/lighthouse: Auditing, performance metrics, and best practices for Progressive Web Apps
- ebidel/lighthouse-ci: Run Lighthouse in CI using Docker
- 網站性能調優開發工具: Lighthouse, Puppeteer 以及進階部分丨 Google 開發者大會 2018 | Calpa 的技術博客
- 使用 Lighthouse 审查网络应用 | Tools for Web Developers | Google Developers
quicklink
- quicklink 为你的页面实现秒开 - 掘金
前端性能监控系统
zanePerfor
- wangweianger/zanePerfor: 前端性能监控系统,消息队列,高可用,集群等相关架构
- zanePerfor 一款完整,高性能,高可用的前端性能监控系统,不要错过 - 掘金
- zanePerfor性能监控统计平台
- WebPageTest - Website Performance and Optimization Test
stats.js
- mrdoob/stats.js: JavaScript Performance Monitor
- paulirish/memory-stats.js: minimal monitor for JS Heap Size via performance.memory
- 推荐25个提高网站可用性和转化率的工具 - 梦想天空(山边小溪) - 博客园
- Tools | Perf.Rocks
¥web应用原型
- Frame: Awesome Product Shots
¥mastering-modular-javascript
- mjavascript/mastering-modular-javascript: 📦 Module thinking, principles, design patterns and best practices.
¥提高Web开发技能的模式库
- 有助于提高你的 Web 开发技能的7个模式库 - 梦想天空(山边小溪) - 博客园
- 想写好前端,先练好内功 - 掘金
¥Spirit移动web整体解决方案
- Spirit - 腾讯移动 Web 整体解决方案 - 梦想天空(山边小溪) - 博客园
¥WebSocket
WebSocket 协议
- 【译】WebSocket协议——摘要(Abstract) - 掘金
- 【译】WebSocket协议第一章——介绍(Introduction) - 掘金
- 【译】WebSocket协议第二章——一致性要求(Conformance Requirements) - 掘金
- 【译】WebSocket协议第三章——WebSocket网址(WebSocket URIs) - 掘金
- 【译】WebSocket协议第四章——连接握手(Opening Handshake) - 掘金
- 【译】WebSocket协议第五章——数据帧(Data Framing) - 掘金
- 【译】 WebSocket 协议第六章——发送与接收消息(Sending and Receiving Data) - 掘金
- 【译】 WebSocket 协议第七章——关闭连接(Closing the Connection) - 掘金
- 【译】 WebSocket 协议第八章——错误处理(Error Handling) - 掘金
- 【译】 WebSocket 协议第九章——扩展(Extension) - 掘金
- WebSocket 快速入门 - 掘金
- WebSocket 协议 1~4 节 - 掘金
- WebSocket 协议 5~10 节 - 掘金
socket.io
- engine.io 原理详解 - 掘金
- socketio/engine.io
- HTML Standard
- socket.io/package.json at master · socketio/socket.io
- Socket.IO
- WebSocket 教程 - 阮一峰的网络日志
- 码农翻身
- (译)通过WebChannel/WebSockets与QML中的HTML交互 - 掘金
¥基于 Node的桌面静态 Web 服务器
- Fenix Web Server | Static Web Servers for the Desktop
¥在线实时协作
- mozilla/togetherjs: A service for your website that makes it surprisingly easy to collaborate in real-time.
- Mozilla Labs : TogetherJS
- TAPD-敏捷开发 项目管理 腾讯敏捷产品研发平台
¥缓存
web清缓存
- html头文件设置常用之<meta>设置缓存 - 兔&&大梅 - 博客园
- web性能优化:详说浏览器缓存 - Lucien! - 博客园
- 如何在 apache 中设置缓存有效时间 - 韩子迟 - 博客园
- 如何设置网页静态内容缓存时间(Apache) | 云上小悟
- 缓存从入门到放弃 - 掘金
- 针对web开发者的浏览器缓存指南(译) - 掘金
- 从前端角度理解缓存 - 掘金
- 前端之浏览器缓存,一次搞定 - 掘金
- 实践这一次,彻底搞懂浏览器缓存机制 - 掘金
- [译]通过超市买牛奶来学习缓存 - 掘金
- 捋一捋浏览器缓存 - 掘金
$视觉相关
将视觉稿转换为更真实的动态原型
- Framer – 将视觉搞转换为更真实的动态原型 - 梦想天空(山边小溪) - 博客园
可视化的字体对比工具
- Tiff – 值得你体验一下的可视化的字体对比工具 - 梦想天空(山边小溪) - 博客园
- Web Content Accessibility Guidelines (WCAG) 2.1
style2paints: 给线稿图上色
- lllyasviel/style2paints: sketch + style = paints
全屏
- 全屏 API - Web API 接口参考 | MDN
- Fullscreen API - Web APIs | MDN
- Fullscreen API:全屏操作 -- JavaScript 标准参考教程(alpha)
- Web全屏模式轻松掌握[局部元素全屏展示] - 掘金
- OBKoro1 (OBKoro1)
- 前端积累 | OBKoro1前端积累
- OBKoro1's Blog
color-design-helper
- zerolty/color-design-helper: help for color design
- Color-Design-Helper
- color-design-helper/CN.md at master · zerolty/color-design-helper
- React Hooks 起手式,实现一个「高颜值实用」的色彩设计工具 · Issue #17 · renjie1996/Maple-FrontEnd-Blog
- 前端开发面对设计稿的相关思考 - 掘金
$chrome插件工具
chrome-plugin-demo
- sxei/chrome-plugin-demo: 《Chrome插件开发全攻略》配套完整Demo,欢迎clone体验
- 入门:建立 Chrome 扩展程序 - Google Chrome 扩展程序开发文档(非官方中文版)
- Chrome插件入门 - 掘金
- 分享一个Chrome扩展收集集合以及配套的Chrome管理工具,值得一试 - 开发工具 - 掘金
chrome devtools使用详解
- Chrome DevTools Protocol Viewer
- chrome devtools使用详解——Performance - 掘金
- chrome devtools使用详解——Elements篇 - 掘金
- chrome devtools使用进阶——Sources - 掘金
- [译] Chrome 73 开发者工具新特性 - 掘金
Chrome API
- Chrome 66 新增异步剪贴板API - 知乎
- 从“快稳省安全”看Chromium——Chromium学习系列 - 掘金
debugger-protocol-viewer
- ChromeDevTools/debugger-protocol-viewer: DevTools Protocol API docs—its domains, methods, and events
Google Analytics
scrolldepth
- Scroll Depth - A Google Analytics plugin for measuring page scrolling
- robflaherty/jquery-scrolldepth: Google Analytics plugin to track visitor scroll depth
- 使用 Google Analytics 跟踪 JavaScript 错误 - 梦想天空(山边小溪) - 博客园
Google Earth
- retroplasma/earth-reverse-engineering: WIP
keyframes.app
- Keyframes.app
lambda-google-sheets
- rcdexta/lambda-google-sheets: Lambda function to pull data from Postgres DB and dump to Google Spreadsheet
Memex
- 如何在 1000 条历史记录中搜到你已经忘记标题的网页?试试这个插件:Memex - 工具资源 - 掘金
- WorldBrain's Memex - WorldBrain | Memex
puppeteer
puppeteer-api-zh_CN
- zhaoqize/puppeteer-api-zh_CN: 📖 Puppeteer中文文档(官方指定的中文文档)
- Puppeteer as a service
- GoogleChrome/puppeteer: Headless Chrome Node API
- GoogleChromeLabs/pptraas.com: Puppeteer as a service
- 使用node+puppeteer破解验证码 - 掘金
ProjectVisBug
- GoogleChromeLabs/ProjectVisBug: 🎨 Make any webpage feel like an artboard, download extension here https://chrome.google.com/webstore/detail/cdockenadnadldjbbgcallicgledbeoc
workbox
- GoogleChrome/workbox: 📦 Workbox: JavaScript libraries for Progressive Web Apps
- Workbox | Google Developers
web-server-chrome
- GitHub - kzahel/web-server-chrome: An HTTP Web Server for Chrome (chrome.sockets API)
wwwbasic
- google/wwwbasic: WWWBasic is an implementation of BASIC (Beginner's All-purpose Symbolic Instruction Code) designed to be easy to run on the Web.
谷歌商店相关
- google play商店怎么直接下载apk文件?google play商店在电脑上下载apk的方法 _pc6资讯
- Evozi Apps - Landing Page
- 如何从谷歌商店下载应用到电脑? – 技术控
- APK Downloader [Latest] Download Directly | Chrome Extension v3 (Evozi Official)
虚拟定位
- Fake GPS location - Google Play 上的应用
- Fake GPS Location Spoofer Free - Google Play 上的应用
- Location Changer (Fake GPS Location) - Google Play 上的应用
- GPS Emulator - Google Play 上的应用
- Download Fiddler Web Debugging Tool for Free by Telerik
- RegExp Download Organizer :下载时自动保存到分类文件夹中 - Chrome插件(谷歌浏览器插件)
- unintended/download-organizer-chrome-extension: Chrome extesion that allows you to set custom download locations with a flexible regexp-based rules.
- Camtd - Chrome 多线程下载管理器插件,可满速下载百度网盘文件 - 工具资源 - 掘金
- 如何从官网下载 Google Chrome 离线安装包 - CSDN博客
- chrome://flags/#enable-experimental-web-platform-features
- wanthering/laipi: a chrome plugin to laipi
- android下chrome调试手机网页的方法 - 为程序员服务
- Chrome开发者工具不完全指南(六、插件篇) - WEB前端 - 伯乐在线
- r00tSe7en/GoogleHackingTool: 在线Google Hacking 小工具
- chrome离线安装包下载方法 - 简书
$神兵利器
Clover
- Clover给资源管理器加上类似Chrome的标签 | 易捷科技 EJIE Technology
Ditto
- Ditto
Insight.io
- Insight.io | Best Place to Browse Code on the Web
- Insight.io | Best Place to Browse Code on the Web
IDM
- Internet Download Manager: the fastest download accelerator
keycastr
- keycastr/keycastr: KeyCastr, an open-source keystroke visualizer
- keycastr/Lobby - Gitter
listary
- Listary – File Search & App Launcher
myHotKey
- leer0911/myHotKey: 基于 Autohotkey 的效率工具
- AutoHotkey
- 快速参考 | AutoHotkey
- 如何提高还在用window系统的编码硬效率 - 掘金
- 按字母排序的命令和函数索引 | AutoHotkey
office
pandoc
- jgm/pandoc: Universal markup converter
- Pandoc - About pandoc
snipaste
- Snipaste/translations: Translations for Snipaste
Typora
- Typora快捷键 - it_guang的博客 - CSDN博客
- Typora快捷键 - 简书
- Typora — a markdown editor, markdown reader.
uTools
- uTools - 你的专属工具集
Wox
- Wox
- Wox-launcher/Wox: Launcher for Windows, an alternative to Alfred and Launchy.
- Choose a language · GitBook
- Releases · Wox-launcher/Wox
- voidtools
- Plugin
XX-Net
- 如何使用XX-Net - CSDN博客
- how to create my appids · XX-net/XX-Net Wiki
xiangxuema
- xland/xiangxuema: “想学吗”个人知识管理工具客户端
录屏工具:LICEcap
- justinfrankel/licecap: LICEcap simple animated screen capture tool for Windows and OS X
- LICEcap 中文版 - 超简单的 GIF 动画制作软件神器 (屏幕录像生成 GIF 图片工具) | 异次元软件下载
- Screen to GIF - Download
- GifCam - Download
- LICEcap - Download
代码比较工具
- 程序员喜欢的5款最佳代码比较工具_SmileMoon's Home-CSDN博客
万能助手
- 首页_万能助手_编程教程_编程入门_编程入门教程_计算机编程入门_电脑编程入门自学_简码编程官网_致力于零基础自学编程中文图解教程的分享与问答
- 万能助手 -- 扩展库大全集_帖子详情_万能助手|电脑|计算机|编程|入门|教程|自学_简码编程官网
- 万能助手 -- 类似音速启动但更好用的桌面图标快捷方式管理工具 - 掘金
- WorkFlowy - Organize your brain.
- 十款 Windows 下必装软件,大大增强工作幸福
- 《吐血整理》顶级程序员工具集 - 掘金
- 程序员有哪些平时自己开发的小工具来简便工作? - 知乎
- 如何在Windows下像Mac一样优雅开发 - 掘金
- Scapple | Literature & Latte
null-cli
- webfansplz/null-cli: 🛠️ A command makes you more efficient
- null-cli
$FTP
monstaftp
- Free web-based FTP software - Monsta FTP
- jerrywham/MonstaFTP: Fork of Monsta FTP software
Xftp 6
- xFTP6破解版|xFTP下载 v6.0.0080免费版 - 欧普软件下载
- Xftp 6产品密钥|Xftp 6产品密钥注册码下载(附xftp 6 注册机/注册码/授权码及过期解决说明) - 3322软件站
- xftp5免费版下载|Xftp 5 免费版中文注册版_附key注册码 - 系统天堂
- xftp6密钥|xftp6注册机(含序列号)下载_附安装教程 - 多多软件站
- Xshell6下载_Xmanager6标准版,企业版下载-Xmanager中文版网站
- 如何使用文件传输软件Xftp_百度经验
$客户端
¥视频客户端
- phobal/ivideo: 一个可以观看国内主流视频平台所有视频的客户端(Mac、Windows、Linux) A client that can watch video of domestic(China) mainstream video platform
¥聊天客户端
- Converse.js – 开源的 XMPP 聊天客户端 - 梦想天空(山边小溪) - 博客园
半实用工具相关
$脸部识别
¥纯前端实现人脸识别
- 纯前端实现人脸识别-提取-合成 | 前端路上
- Face++ – 提供给你实时的脸部识别 API - 梦想天空(山边小溪) - 博客园
- jQuery 人脸识别插件,支持图片和视频 - 梦想天空(山边小溪) - 博客园
$Al&nlp
nlp_overview
NLP-progress
Microsoft AI
- Microsoft/ailab: Experience, Learn and Code the latest breakthrough innovations with Microsoft AI
科幻
- GitSquared/edex-ui: A science fiction terminal emulator designed for large touchscreens that runs on all major OSs.
$网络爬虫
baidu-search-optimization
- Binkcn/baidu-search-optimization: 显示原始网址,移除重定向,针对网址进行过滤。
get_picture
- 1eeing/get_picture: 爬取你想要的图片
- TinyPNG – Developer API
gulius-projects
- DesertsX/gulius-projects: 收录古柳(DesertsX)的一些小项目
headless-chrome-crawler
- yujiosaka/headless-chrome-crawler: Distributed crawler powered by Headless Chrome
juejinxiaoce
- oliyg/juejinxiaoce: 爬取掘金小册,并将 html 文件转为 markdown 格式文件
PSpider
- xianhu/PSpider: 简单易用的Python爬虫框架,QQ交流群:597510560
$语言、标准、规范
在线速查手册
- OverAPI.com – 史上最全的开发人员在线速查手册 - 梦想天空(山边小溪) - 博客园
- OverAPI.com | Collecting all the cheat sheets
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十三】 - 梦想天空(山边小溪) - 博客园
- 特别推荐:Web开发常用速查手册大全 - 梦想天空(山边小溪) - 博客园
- 分享12份非常有用的 Google 速查手册 - 梦想天空(山边小溪) - 博客园
- 前端开发者喜欢的20个学习文档和指南 - 梦想天空(山边小溪) - 博客园
- 前端开发者必备的20个在线工具和指南 - 梦想天空(山边小溪) - 博客园
- 前端开发者必备的20个文档和在线工具 - 梦想天空(山边小溪) - 博客园
- 15个最佳的用户体验和用户界面工具和资源 - 梦想天空(山边小溪) - 博客园
- 推荐20个很有帮助的 Web 前端开发教程 - 梦想天空(山边小溪) - 博客园
- Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十三】 - 梦想天空(山边小溪) - 博客园
coffeescript
- jashkenas/coffeescript: Unfancy JavaScript
- CoffeeScript
css规范
- Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
- Full property table
HTML Standard
- HTML Standard
- HTML Standard
- Web Hypertext Application Technology Working Group
- whatwg/html: HTML Standard
前端协作规范
- if 我是前端团队 Leader,怎么制定前端协作规范? - 掘金
- 大前端的技术原理和变迁史 - 掘金
- 【译】JavaScript 完整手册 - 掘金
- BingKui/javascript-zh: Airbnb 出品,目前非常流行的 JavaScript 代码规范(中文版)。其内对各种 js 范式的写法进行了详细的规定与说明,按照此规范写出的代码将会更加合理。
$图片相关
AI人工智能图片放大
- Bigjpg - AI人工智能图片无损放大 - 使用人工智能深度卷积神经网络(CNN)无损放大图片
showImg
- yzygithub/showImg: 查看数据集的图片
- 一个22万张NSFW图片的鉴黄数据集?我有个大胆的想法…… - 知乎
- alexkimxyz/nsfw_data_scrapper: Collection of scripts to aggregate image data for the purposes of training an NSFW Image Classifier
七牛云图床
- 在markdown中使用图床+七牛云存储实现快速外链贴图 - 吴渣渣的博客 - CSDN博客
- 尝试使用七牛作为图床 - xinhuasz - CSDN博客
- hexo,使用七牛图床 - 看写写 - CSDN博客
- 使用七牛云作为图床获取外链方式总结 - strivebo - CSDN博客
- 用七牛做图床-同步工具qrsbox - 公子专栏 - CSDN博客
- 七牛图片上传的使用心得 - shuzipai的博客 - CSDN博客
- 六四、使用JS-SDK上传图片(文件)到七牛 - 梅某某 - CSDN博客
- 从微信图片选择接口到七牛云图床(java+js) - qq_24023703的博客 - CSDN博客
- 如何利用七牛云在线存储图片 - cloud_guo的博客 - CSDN博客
- 七牛云存储搭建图床 - 许博文的专栏 - CSDN博客
- 拥抱云计算——七牛云图床 - qq_24023703的博客 - CSDN博客
- Jeffrey Friedl's Image Metadata Viewer
$文本、文档
¥fastText
- FastText:快速的文本分类器 - CSDN博客
¥Markdown工具
Mark Text
- Mark Text - 下一代所见即所得的Markdown编辑器 - 梦想天空(山边小溪) - 博客园
Markdown
README
- guodongxiaren/README: README文件语法解读,即Github Flavored Markdown语法介绍
readme-md-generator
- kefranabg/readme-md-generator: 📄 CLI that generates beautiful README.md files
- readme-md-generator/templates at master · kefranabg/readme-md-generator
lint-md
- hustcc/lint-md: 检查中文 markdown 编写格式规范的命令行工具,基于 AST,方便集成 ci,写博客 / 文档必备。
marked
- markedjs/marked: A markdown parser and compiler. Built for speed.
- Marked.js Documentation
- Markdown - 热门问答 - 知乎
- Madoko - document
- Markdown 语法说明(简体中文版)
- Cmd Markdown 编辑阅读器 - 作业部落出品
- 可能是目前最全面的Markdown写作解决方案 - 向阳乔木 - 知乎专栏
- Editor.md - 开源在线 Markdown 编辑器
- Markdown 語法說明
- 欢迎使用马克飞象 - 马克飞象 - 专为印象笔记打造的Markdown编辑器
- 简书
- 首页 - 简书
- Markdown——入门指南 - 简书
- 图床 - Dev Fancy+
- 公欲善微信,必先藏利器——5个工具让你成为微信运营快手- 简书
- UEditor - 示例
- 開放中文轉換 Open Chinese Convert (OpenCC)
- CSDN Markdown简明教程3-表格和公式 - 博客频道 - CSDN.NET
- 便签 - 锤子科技
- 「美」中不足的便签工具 —— 锤子便签2.5 - 简书
- MarkdownPad - The Markdown Editor for Windows
- Editor.md - 开源在线 Markdown 编辑器
stackedit
- benweet/stackedit: In-browser Markdown editor
- StackEdit – In-browser Markdown editor
vnote
- vnote/README_zh.md at master · tamlok/vnote
- https://tamlok.github.io/vnote/
- VNote - 一个更懂程序员和Markdown的笔记
tui.editor
- nhnent/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
- TOAST UI :: Make Your Web Delicious!
simplemde-markdown-editor
- sparksuite/simplemde-markdown-editor: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
- JavaScript Markdown Editor - SimpleMDE
TreeMDown
- hollodotme/TreeMDown: [triː <'em> daʊn] PHP single page markdown tree browser
- 01-What-Is-TreeMDown.md - TreeMDown
markdown-tree
- hughsk/markdown-tree: Convert a markdown document into a JSON tree structure.
- markdown-tree - npm
markdown-it-wiki-toc
- peoplefund-tech/markdown-it-wiki-toc: Markdown-it plugin to add Wiki style Table Of Contents
remarkable
- jonschlinkert/remarkable: Markdown parser, done right. Commonmark support, extensions, syntax plugins, high speed - all in one. Gulp and metalsmith plugins are also available. Used by Facebook, Docusaurus and many others! See https://github.com/breakdance
breakdance
- breakdance/breakdance: HTML to markdown converter. Highly pluggable, flexible and easy to use. It's time for your markup to get down.
- Breakdance
gatsby-transformer-remark
- gatsby-transformer-remark | GatsbyJS
- gatsby/packages/gatsby-transformer-remark at master · gatsbyjs/gatsby
- developit/snarkdown: A snarky 1kb Markdown parser written in JavaScript
- React 渲染 Markdown 的方法 - 前端 - 掘金
¥文件、文件夹
- itvincent-git/fast-delete: FastDelete是一个快速删除文件夹的工具,基于nodejs里文件操作的强大性能。特别是文件夹里存在大量小文件的情况下,FastDelete能够比Windows的删除操作快上十倍。
- jrainlau/filemap: A tool for creating files structure tree map.
¥Notes
trilium
- zadam/trilium: Build your personal knowledge base with Trilium Notes
¥docxtemplater
- open-xml-templating/docxtemplater: Generate docx and pptx (microsoft word documents) from templates, from Node.js, the Browser and the command line / Demo: https://docxtemplater.com/demo
- docxtemplater - Complete docx and pptx generation programming library
- Installation — docxtemplater documentation
- Docxtemplater — docxtemplater documentation
¥Web打印
- Web打印探秘 - 掘金
$web site
¥fossasia.org
gci17.fossasia.org
2012.fossasia.org
gci18.fossasia.org
2019.fossasia.org
¥freecodecamp.cn
¥lengstorf.com
- jlengstorf/lengstorf.com: Source for lengstorf.com, Jason Lengstorf's personal site.
¥IP、域名
- The Best IP Address, Email and Networking Tools - IPAddress.com
¥墙、上网
- hoodiearon/w3-goto-world: 🍅冲出你的窗口,free ss/ssr/vmess分享、IPFS、暗网及蹭网教程、Git镜像等其他资源存储库
- hoodiearon/fq-book: 《这本书能让你连接互联网》科学上网Freestyle,了解网络基础知识与实践蹭网操作
$系统&桌面应用
¥原子设计系统
- Pattern Lab - 构建先进的原子设计系统 - 梦想天空(山边小溪) - 博客园
¥nativefier
- nativefier - 快速把任意网页生成桌面应用程序 - 梦想天空(山边小溪) - 博客园
- jiahaog/nativefier: Make any web page a desktop application
¥轻量CMS系统
内容管理工具
Pico
- Nivo Slider - #1 Responsive WordPress Slider Plugin
- Bolt CMS: Easy for editors, and a developer's dream CMS | Bolt CMS
- bolt/bolt: Bolt is a simple CMS written in PHP. It is based on Silex and Symfony components, uses Twig and either SQLite, MySQL or PostgreSQL.
- Pagekit | Pagekit - A new modern CMS to create and share - Intuitive. Modular. Flexible.
¥用于 Unix 系统的进程监控工具
- Supervisor: A Process Control System — Supervisor 3.3.4 documentation
¥热门应用程序的可视化快捷键
- ShortcutMapper – 热门应用程序的可视化快捷键 - 梦想天空(山边小溪) - 博客园
¥download manager
- agalwood/Motrix: A full-featured download manager.
- jae-jae/Camtd: Chrome multi-threaded download manager extension,based on Aria2 and AriaNg. Chrome多线程下载扩展。
¥Windows
- felixrieseberg/windows95: 💩🚀 Windows 95 in Electron. Runs on macOS, Linux, and Windows.
- Windows10 自带的虚拟机功能,让你同时拥有几台电脑。 - 知乎
¥Linux
- linux0.12 内核学习 (buffer.c) - 掘金
- Linux分区+安装centos6.9 - 掘金
- Linux查询进程和结束进程 - 大米饭~ - 博客园
- Linux 查找进程与结束进程 - 蚩尤后裔 - CSDN博客
- Linux下使用vim命令编辑与修改文本内容_Linux教程_Linux公社-Linux系统门户网站
- nodejs设置NODE_ENV环境变量(2) - 风车车jerry - 博客园
- linux 环境变量配置(node) - 浪迹灬天涯 - 博客园
- Linux学习笔记——如何使用echo指令向文件写入内容 - 物联网 IoT 经验分享小站 - CSDN博客
- echo命令详解 (一) 真的很详细
- echo命令详解 (二) 真的很详细
- 每个开发人员都应该掌握的 11 个控制台命令 - 掘金
- Linux笔记:vi常用命令 - 朝雨忆轻尘 - 博客园
- Linux笔记:linux常用命令 - 朝雨忆轻尘 - 博客园
¥cmder
- Win下必备神器之Cmder | 晚晴幽草轩
- https://blog.miniasp.com/post/2015/09/27/Useful-tool-Cmder.aspx
- 利用 Chocolatey 快速在 Windows 下搭建一个开发环境 | Laravel China 社区 - 高品质的 Laravel 开发者社区
- Cmder | Console Emulator
- Win下最爱效率神器:AutoHotKey | 晚晴幽草轩
- windows命令行如何删除文件夹和文件_百度经验
- Win7使用CMD命令强行删除文件的方法_百度经验
$QQ
- QQ推广
开发&代码工具相关
$数据库
chinese-xinhua
mongodb
- Install MongoDB — MongoDB Manual 3.6
- MongoDB Hosting: Database-as-a-Service by mLab
- Robo 3T | Free, open-source MongoDB GUI (formerly Robomongo)
- The most popular database for modern apps | MongoDB
mongoose
- Automattic/mongoose: MongoDB object modeling designed to work in an asynchronous environment.
- Mongoose ODM v5.7.14
Neo4j
- Neo4j Download Center - Neo4j Graph Database Platform
- Neo4j - CQL简介_w3cschool
- 一文教你用 Neo4j 快速构建明星关系图谱 - 掘金
- Neo4j 第一篇:在Windows环境中安装Neo4j - 悦光阴 - 博客园
- Windows下安装neo4j - 知乎
- (5条消息)Import-Module : 未能加载指定的模块“\Neo4j-Management.psd1” - 小妖666个人笔记 - CSDN博客
quick-SQL-cheatsheet
- enochtangg/quick-SQL-cheatsheet: A quick reminder of all SQL queries and examples on how to use them.
rxdb
- pubkey/rxdb: A realtime Database for the Web
- Introduction · RxDB - Documentation
rime-sogou
- metowolf/rime-sogou: 📇 聰明的輸入法配聰明的詞庫
WatermelonDB
- Nozbe/WatermelonDB: 🍉 Next-gen database for powerful React and React Native apps that scales to 10,000s of records and remains fast ⚡️
- priyank-purohit/PostGUI: A React web application to query and share any PostgreSQL database.
- ConnectionStrings.com - Forgot that connection string? Get it here!
- hujiaweibujidao/poetry: china ancient poetry project data
- 简介 · ddia-cn
chinese-poetry
- chinese-poetry/chinese-poetry: 最全中华古诗词数据库, 唐宋两朝近一万四千古诗人, 接近5.5万首唐诗加26万宋诗. 两宋时期1564位词人,21050首词。
- 中文诗歌
$工作流
¥工作流客户端
WeFlow
- Tencent/WeFlow: A web developer workflow tool by WeChat team based on tmt-workflow, with cross-platform supported and environment ready.
- WeFlow | 一个高效、强大、跨平台的前端开发工作流工具
legoflow
- legoflow/legoflow: 更轻、更强、开箱即用的 前端工作流客户端
- legoflow/legoflow-cli: 命令行工具
- LegoFlow 2
- LegoFlow 2 | 指南
跨端开发
- 前端技术周刊 2019-01-21:跨端开发的三条路线 - 掘金
- 使用API自动生成工具优化前端工作流 - 掘金
¥项目&建站
建站tools
IDE
vscode
VS Code 折腾记
- VS Code 折腾记 - (15) 再来一波大前端适用系列的插件(主打编码体验改善) - 掘金
- VS Code折腾记 - (1)扯淡 - 掘金
- VS Code折腾记 - (2) 快捷键大全,没有更全 - 掘金
- VS Code折腾记 - (3) 多图解VSCode基础功能 - 掘金
- VS Code折腾记 - (4) 常用必备插件推荐【前端】 - 掘金
- VS Code折腾记 - (5) Angular 2+ && Typescript 2+必备插件推荐 - 掘金
- VS Code 折腾记 - (6) 基本配置/快捷键定义/代码片段的录入(snippet) - 掘金
- VS Code 折腾记 - (7) 内置Debug功能深入【调教angular-cli 最新版】 - 掘金
- VS Code 折腾记 - (8) 新一波实用插件推荐(前端)|NG2+|TS2|Vue|React|Node|版本控制|主题 - 掘金
- VS Code 折腾记 - (9) 新一轮前端插件(代码质量|正则|版本控制|NG|Vue|React) - 掘金
- VS Code 折腾记 - (10) 你想发布自己捣鼓的snippets到VSCode插件市场! - 掘金
- VS Code 折腾记 - (11) 再来一波插件推荐!(代码片段,框架,Node,touchbar,TS,Git,数据库,python!!) - 掘金
- VS Code 折腾记 - (12) 春节前的最后一波插件推荐(前端/协作/主题) - 掘金
- VS Code 折腾记 - (13) VS Live Share (可提高效率的代码实时协作插件)的使用姿势 - 掘金
- VS Code 折腾记 - (14) 再来推荐一波大前端适用系列 (Node/React/Vue/小程序/主题/代码体验等) 的插件 - 掘金
- Sugar250/Visual-Studio-Code-Keymap-CN: Visual Studio Code Keymap in Chinese.
- tonsky/FiraCode: Monospaced font with programming ligatures
- JavaScript Programming with Visual Studio Code
- jsconfig.json Reference
- Sublime Babel - Visual Studio Marketplace
- Debugger for Chrome - Visual Studio Marketplace
- Formatting Toggle - Visual Studio Marketplace
- 工作中常用的vscode插件 - 掘金
- 你的vscode本可以这么炫 - 掘金
- VS Code 必备插件推荐 - 小贤笔记 - CSDN博客
- 解决:对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告。 - 简书
- VisualStudioCode统计项目代码行数 - 简书
Hype3
- 前端开发神器Hype3初体验-可视化、响应式、动效 - 掘金
- Win10电脑虚拟安装苹果MacOS无敌完整版_百度经验
- 首页 Hype中国社区
- Tumult Hype Documentation
- Hype3 — 无代码制作动效HTML5页面、动画神器(上篇) - 简书
webstorm
- WebStorm: The Smartest JavaScript IDE
- Webstorm2018最新激活码 - 冬哥的博客 - CSDN博客
- WebStorm移除项目,但项目还在创建项目的路径下 - zzhsmile520的博客 - CSDN博客
- webstorm 2018 激活破解方法大全 - 唐大帅的编程之路 - CSDN博客
- WebStorm 2018.3.2 激活方式(永久) - CSDN - CSDN博客
- Previous Releases - WebStorm
- Previous Releases - WebStorm
- WebStorm 2018.3.4破解方式 - 二姐的西瓜君 - CSDN博客
sublime
- Sublime插件:主题篇 - 简书
- sublime text3基本使用及常用插件介绍
- jikeytang/sublime-text: sublime-text
- 如何优雅地使用Sublime Text | 晚晴幽草轩
- jsfront/sublime-text: sublime-text
- 代码校验工具 SublimeLinter 的安装与使用
- 编码神器——Sublime Text 包管理工具及扩展大全 - 梦想天空(山边小溪) - 博客园
- Package Control - the Sublime Text package manager
- (2 条消息) Sublime Text 有哪些使用技巧? - 知乎
- spadgos/sublime-jsdocs: Simplifies writing DocBlock comments in Javascript, PHP, CoffeeScript, Actionscript, C & C++
- 我使用的 Sublime Text 插件 - 掘金
- MultiEditUtils - Packages - Package Control
- philippotto/Sublime-MultiEditUtils: A Sublime Text Plugin which enhances editing of multiple selections by adding various features.
- wakatime/sublime-wakatime: Sublime Text 2 & 3 plugin for automatic time tracking and metrics generated from your programming activity.
- Dashboard · WakaTime
- wuub/SublimeREPL: SublimeREPL - run an interpreter inside ST2 (Clojure, CoffeeScript, F#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shell or configure one yourself)
- aziz/PlainTasks: An opinionated todo-list plugin for Sublime Text editor (version 2 and 3)
- pichillilorenzo/JavaScript-Completions: JavaScript Completions for sublime text. It helps you to write your scripts more quickly with hints and completions.
- Sublimerge 3 - Packages - Package Control
IntelliJ
- IntelliJ IDEA the Java IDE
- IntelliJ IDEA 注册码
- IntelliJ IDEA下载+激活+教程[图文+视频]整理 - 编程语言 / Java - CoCode
- IntelliJ IDEA 2016 破解旗舰版 - 博客吧
- IntelliJ IDEA 界面介绍 - IntelliJ IDEA使用教程 - PHPERZ中文资讯站
- idea 插件的使用 进阶篇(个人收集使用中的)-IT大道
- IntelliJ IDEA 注册码
- IntelliJ IDEA 注册码
- IntelliJ IDEA 详细图解最常用的配置 ,适合刚刚用的新人。 - 请叫我大师兄 - CSDN博客
- IntelliJ IDEA 注册码
scratches
- hxoht/scratches: A scratchpad with node & browser apis.
TinyEditor
- umpox/TinyEditor: A functional HTML/CSS/JS editor in less than 400 bytes
JetbrainsCrack
- CrazyNing98/JetbrainsCrack: Jetbrains系列工具破解补丁
- Cloud9 - Your development environment, in the cloud
- Notepad++ Home
- Coding WebIDE 开启云端开发模式! - Coding.net
- Atom 中文社区
- Atom
- JetBrains:面向专业人员和团队的开发工具 JetBrains 中文官网
- Spket IDE - JavaScript Editor
- SimplyY 的博客:atom tips
- 新编码神器Atom使用纪要 | 晚晴幽草轩
- Wingware Python IDE
- viatsko/awesome-vscode: 🎨 A curated list of delightful VS Code packages and resources.
- Browse - Package Control
- 精选!5 个必备必知必用的前端插件 - 工具资源 - 掘金
- 前端开发必备!Emmet使用手册_Emmet 教程_w3cplus
changelog-test
- sunshine940326/changelog-test
应用管理
JSUI
- kitze/JSUI: A powerful UI toolkit for managing JavaScript apps
- 如何管理好10万行代码的前端单页面应用 - 掘金
- 前端项目文件组织与组件命名 - 掘金
- 用 Feature First 的方式管理前端项目复杂度 - 掘金
- 我们是如何管理一个 1w+ stars 的开源仓库的 - 掘金
版本命名
auto-vers
- auto-vers - npm
- zerolty/auto-version: It will auto update package version when build your application.
- 语义化版本 2.0.0 | Semantic Versioning
- 版本命名及限定规则详解 - 个人文章 - SegmentFault 思否
- pkg版本规范管理自动化最佳实践 - 掘金
$代码工具库
- proYang/outils: 前端业务代码工具库
- outils - npm
- 前端架构,前端架构组织结构,目录结构架构 - CSDN博客
- 分享最新15个加速 Web 开发的框架和工具 - 梦想天空(山边小溪) - 博客园
- 在线工具 —— OSCHINA.NET社区
¥代码编辑、演示&分享
glorious-demo
- glorious-codes/glorious-demo: The easiest way to demonstrate your code in action.
- Glorious Demo
carbon: 让分享的代码截图好看点
- dawnlabs/carbon: 🎨 Create and share beautiful images of your source code
- Carbon
- dawnlabs/carbon: 🎨 Create and share beautiful images of your source code
- Carbon
代码编辑器
- 你可能没用过的10款优秀代码编辑器,最喜欢哪个? - 梦想天空(山边小溪) - 博客园
- 给 Web 前端开发人员推荐20款 CSS 编辑器 - 梦想天空(山边小溪) - 博客园
- Brackets - A modern, open source code editor that understands web design.
- adobe/brackets: An open source code editor for the web, written in JavaScript, HTML and CSS.
- CODELF
¥API documentation
jsdoc
- jsdoc3/jsdoc: An API documentation generator for JavaScript.
- Use JSDoc: Index
Templates
- davidshimjs/jaguarjs-jsdoc: A Template of jsdoc for jaguar.js project
- docstrap/docstrap: A template for JSDoc3 based on Bootstrap and themed by Bootswatch
- DBCDK/jsdoc3Template: A custom Customizable JSDOC3 template - forked with changes from DBC
- clenemt/docdash: Lodash inspired JSDoc 3 template/theme
- nhnent/tui.jsdoc-template: TUI JSDoc Template, Demo: https://nhnent.github.io/tui.jsdoc-template/latest/
- SoftwareBrothers/better-docs: Beautiful theme/template for jsdoc generated documentation
- nijikokun/minami: Clean and minimal JSDoc 3 Template / Theme
Build Tools
- krampstudio/grunt-jsdoc: A grunt plugin to generate javascript doc by running jsdoc3 on your grunt projects.
- mlucool/gulp-jsdoc3: gulp integration for jsdoc3 cli
Other Tools
- jsdoc2md/jsdoc-to-markdown: Generate markdown documentation from jsdoc-annotated javascript
- Integrating GitBook with JSDoc to Document Your Open Source Project
For More Information
- jsdoc3/jsdoc3.github.com: JSDoc 3 website
- Join JSDoc on Slack!
- (99+) JSDoc Users - Google 网上论坛
- Newest 'jsdoc' Questions - Stack Overflow
react-docgen
- reactjs/react-docgen: A CLI and toolbox to extract information from React component files for documentation generation purposes.
bit
- Bit - Share and build with code components
- teambit/bit: Easily share code between projects with your team.
- Component Discovery and Collaboration · Bit
¥代码评审(Code Review)
- web前端技术圈
¥代码托管Tools
bitbucket
- Overview — Bitbucket
- Bitbucket | The Git solution for professional teams
Git
git core
- Git - Book
- Git - Book
- GitBook · Documentation made easy
- git 常用命令 | 傅皮蛋的日志
- github/gitignore: A collection of useful .gitignore templates
- 沉浸式学 Git: Contents
- Git Magic - 前言
- git - the simple guide - no deep shit!
- Git 参考手册
- Git 教學(1) : Git 的基本使用 - 好麻煩部落格
- Git常用命令速查表(收藏大全)
- [前端漫谈] 一巴掌拍平Git中的各种概念 - 掘金
- Pro Git(中文版)
- Git核心命令会这些就够了 - 东陆之滇的技术博客 - CSDN博客
- Git_w3cschool
- Guides - [ Git中文开发手册 ] - 在线原生手册 - php中文网
git操作规范&教程
git add/commit
git commit
conventional-changelog
conventional-changelog-cli
- conventional-changelog/packages/conventional-changelog-cli at master · conventional-changelog/conventional-changelog
- conventional-changelog-archived-repos/conventional-changelog-cli: deprecated, instead use https://github.com/conventional-changelog/conventional-changelog monorepo
changelog
- changelog 日志自动生成插件 - 掘金
- Commit Message & Change Log - 简书
- Commit message 和 Change log 编写指南 - 阮一峰的网络日志
- conventional-changelog
- conventional-changelog/conventional-changelog: Generate changelogs and release notes from a project's commit messages and metadata.
- grunt-conventional-changelog/CHANGELOG.md at master · btford/grunt-conventional-changelog
validate-commit-msg
- conventional-changelog-archived-repos/validate-commit-msg: DEPRECATED. Use https://github.com/marionebl/commitlint instead. githook to validate commit messages are up to standard
- Conventional Commits
commitlint
- marionebl/commitlint: 📓 Lint commit messages
- commitlint - Lint commit messages
- Local setup - commitlint - Lint commit messages
- commitlint/reference-rules.md at master · marionebl/commitlint
- 从一件小事聊聊软件工程师的自我修养 | 掘金年度征文 - 掘金
- git commit触发的hook - 简书
- git commit中输入message的几种方式 - 简书
- karma/CHANGELOG.md at master · karma-runner/karma
- yalishizhude/commit-specification: 跨语言的git提交规范解决方案。A cross-language resolution for git commit message specification.
- Git - git-commit Documentation
- Git Commit Message Conventions - Google 文档
- Git 提交记录和分支模型
- git学习整理(2)git add与git commit理解 - MO蓦然回首 - 博客园
- Git中的add(暂存)和commit(提交)详解 - u012803663的博客 - CSDN博客
- 为什么要先git add才能git commit?
- git取消add和commit操作 - 随手记两笔 - CSDN博客
- GIT入门笔记(9)- git的add和commit机制原理 - 长安快马 - 博客园
- git add 添加多个文件 - 飞越蓝天的专栏 - CSDN博客
- git 命令添加整个文件夹以及文件夹下的内容 - 飞越蓝天的专栏 - CSDN博客
- git 一次add 多个文件和文件夹的方法 - HeatDeath的博客 - CSDN博客
git .gitignore
- Github使用.gitignore文件忽略不必要上传的文件 - 一只攻城的柿子 - CSDN博客
- Github忽略文件设置经验 - 编程浪子Yiutto - 博客园
- GitHub 提交 如何忽略某个文件夹 - 一句代码演绎你的人生。 - CSDN博客
- git学习六:git提交忽略不必要的文件或文件夹 - Sang - CSDN博客
- Git 忽略提交 .gitignore - 悠悠i - 博客园
- Git 忽略提交 .gitignore - 悠悠
- git: 两个配置文件.gitattributes和.gitignore - chao2016的博客 - CSDN博客
git config
commit.template
- Git Commit Template如何检查 - 简书
- gist.github.com
- Git - 配置 Git
- Git - 远程仓库的使用
- Git重命名仓库、修改远程仓库地址、修改仓库配置 - Spring的博客 - CSDN博客
- git 给远程库 添加多个url地址 - u012022003的专栏 - CSDN博客
- 将项目同时托管到Github和Git@OSC - 哦这样的孤单 你冷若冰霜 - 开源中国
- IDEA/Git 设置多个push远程仓库或者同时提交多个push仓库 - MyHome - 开源中国
- git修改远程仓库地址 - 赖忠标 - 博客园
git stash
- Bug分支 - 廖雪峰的官方网站
- Git - Stashing
- git stash的详细讲解 - 简书
- git stash命令 - 玄火的专栏 - CSDN博客
- 玩转GIT之看清 git stash 的本质 - godkun的博客 - CSDN博客
- git-stash用法小结 - Tocy - 博客园
- Git - 储藏(Stashing)
- git stash 用法 - 泡面狂 - 博客园
- git stash详解 - stone_yw的博客 - CSDN博客
- git stash 用法详解 - xihuanzhi1854的博客 - CSDN博客
- git之stash - 简书
- git stash用法详解-蚂蚁部落
- Git - git-stash Documentation
- git 高阶用法 - 粉刷匠的小毛刷 - SegmentFault 思否
- git stash 用法总结和注意点 - 加个小鸡腿 - 博客园
- git切换到别的分支,要暂时保存当前分支的修改(不想进行add 和commit)的方法 git stash - 技术随笔 - 博客园
- 【Git学习】从git stash原理理解三大区域和分支切换 - fxkcsdn的博客 - CSDN博客
git 分支管理
git tag
- Git tag 给当前分支打标签 - x3d - 博客园
git 删除
- git删除文件夹/文件(不删除本地文件) - CSDN博客
- git操作基础:删除文件夹 - CSDN博客
- git 删除本地分支和远程分支、本地代码回滚和远程代码库回滚 - PianoCoder - 博客园
- 【git】git 常用命令(含删除文件) - boluo1230 - 博客园
- git 删除分支(本地/远程) - zhuchunyan_aijia的博客 - CSDN博客
- git 删除分支 - 简书
- git删除远程分支和本地分支 - 罗松超 - 博客园
fast-forward
- 三分钟教你学Git(十二) 之 fast-forward_hongchangfirst-CSDN博客
- Git – Fast Forward 和 no fast foward - bcombetter - 博客园
- Git中的Fast forward选项_qq_40583925的博客-CSDN博客
- 【Todo】git的fast forward & git命令学习 & no-ff - blcblc - 博客园
- Git – Fast Forward 和 no fast foward - 简书
- git - How to fast-forward a branch to head? - Stack Overflow
- git学习笔记 - 简书
- git恢复fast forward模式 - SegmentFault 思否
- Git fast forward提交 - 综合编程类其他综合 - 红黑联盟
- git基本使用 创建切换合并分支以及提交本地分支至远程分支 - 伏念先生的博客 - CSDN博客
- git切换分支保存修改的代码的方法 – Tony的技术空间
- git比较两个分支的文件的差异 - yzpbright的博客 - CSDN博客
- git比较两个版本之间的区别 - 阳水平的博客 - CSDN博客
- Git分支管理策略 - 阮一峰的网络日志
- git拉取远程分支并创建本地分支 - zhangxiaoyang0的专栏 - CSDN博客
- 使用git克隆指定分支的代码 - ButterflyGirl - 博客园
- git的分支管理 - 掘金
git 退出vim编辑器
- 在git bush中如何退出vim编辑器 - 简书
git 仓库管理
- Git关联远程仓库 - 江南一点雨的专栏 - CSDN博客
- 本地项目关联到远程git仓库 - Vi_error.nextval - CSDN博客
- 新创建git仓库 - 跨省少年的博客 - CSDN博客
- Git 项目提交新仓库 - 兜兜里没糖糖 - 博客园
- Git的使用--如何将本地项目上传到Github(两种简单、方便的方法) - Fan2g - CSDN博客
- 使用git将项目上传到github(最简单方法) - CKTim - 博客园
- 从本地更新已有项目到github - CSDN博客
- 利用git把本地项目传到github+将github中已有项目从本地上传更新 - 二十年后20 - 博客园
- Git的使用--如何将本地项目上传到Github - CSDN博客
- 从本地更新已有项目到github - CSDN博客
- 利用git把本地项目传到github+将github中已有项目从本地上传更新 - 二十年后20 - 博客园
- 将项目(代码)从GitHub上克隆(下载)到本地仓库 - 江峰★ - 博客园
- git push origin与git push -u origin master的区别 - 水木神舟10 - 博客园
- Git 本地新建,删除分支并推送到远程仓库 - veryvalley - 博客园
- Google Git-Repo 多仓库项目管理 - 掘金
- Git push与pull的默认行为 - 蛤蛤 - SegmentFault 思否
git 内容合并/冲突解决
git fetch/rebase
- Git - git-rebase Documentation
- Git rebase使用 - 简书
- git rebase - 简书
- 你真的懂git rebase吗? - 简书
- 【Git】rebase 用法小结 - 简书
- 深入git rebase使用
- 这一次彻底搞懂 Git Rebase | 码农网
- Rebase - 廖雪峰的官方网站
- git rebase -i - 阿谋 - 博客园
- git-rebase(1)
- git rebase 理解_git rebase_Erice_e的专栏-CSDN博客
- git在工作中正确的使用方式----git rebase篇_nrsc-CSDN博客
- git rebase_慕课手记
- git的fetch、rebase工作流同步代码 - 个人文章 - SegmentFault 思否
- git rebase和git fetch_xuejianbest的专栏-CSDN博客
- 差异:git clone , git fetch, git pull和git rebase - 滴滴滴 - 博客园
- git pull VS git fetch git rebase - Stack Overflow
- git补充(fetch和rebase) - helloworldmybokeyuan - 博客园
- 使用git fetch和git rebase处理多人开发同一分支的问题 - 简书
- git pull && git fetch && git stash && git rebase && git reset - 春哥大魔王的博客的个人空间 - OSCHINA
- 使用git fetch和git rebase处理多人开发同一分支的问题_azureternite的专栏-CSDN博客
- git fetch步骤_封狼居胥-CSDN博客
git pull/merge/pull --rebase
- 聊下git merge --squash - iOS - 掘金
- 5.1 代码合并:Merge、Rebase 的选择 · geeeeeeeeek/git-recipes Wiki
- Git - git-merge Documentation
- git merge代码合并--no--ff等含义 - 拼搏在2014 - CSDN博客
- git Fast-forward与no-ff的区别 - fangchao3652 - CSDN博客
- git merge简介 - Robin Hu的专栏 - CSDN博客
- git merge 跟 git merge -no-ff - Bad Boy - CSDN博客
- 对比git pull和git pull --rebase - gefufeng的个人页面 - OSCHINA
- git pull和git pull --rebase之间的区别_慕课猿问
- 简单对比git pull和git pull --rebase的使用 - 散尽浮华 - 博客园
- 简单对比git pull和git pull --rebase的使用-(转)_toyijiu的专栏-CSDN博客
- git pull和git pull --rebase的使用 - 陈亚 - 博客园
- 聊下git pull --rebase_斜阳雨陌-CSDN博客
- git pull --rebase的理解 - kungfupan - 博客园
- 为什么要使用git pull --rebase? - 简书
- 简单对比git pull和git pull --rebase的使用 - 简书
git 打patch
git format-patch/am
- Git - git-format-patch Documentation
- Git - git-am Documentation
- git am使用详解-cengku-ChinaUnix博客
- git am 冲突解决技巧_scarecrow_byr的专栏-CSDN博客
- git am 部分发生冲突的处理 - 天王盖地虎626的个人空间 - OSCHINA
- 如何用git命令生成Patch和打Patch - 青山牧云人 - 博客园
- git format-patch_wsclinux的专栏-CSDN博客
- Git format-patch和Git am_Linux小辉的博客-CSDN博客
- git-format-patch(1)
- git format-patch is your Friend | Oliver Davies - Full Stack Web Developer (Drupal, Symfony, Laravel, Linux)
- git format-patch 用法【转】 - 请给我倒杯茶 - 博客园
- git am_左山艾艾的博客-CSDN博客
git diff/apply
- Git - git-apply Documentation
- 活用 git apply 合入 patch 补丁 - 掘金
- 如何使用git 生成patch 和打入patch【转】 - 请给我倒杯茶 - 博客园
- git 打patch和应用patch 流程 - 魔法少女希维尔 - 博客园
- git apply patch doesn't work: no such file or directory - Stack Overflow
- Git Patch 操作 - 简书
- Git命令解析-patch、apply、diff
- git diff 生成patch, git apply patch 打补丁方法说明,以及分支管理的简单操作。_dake_160413的博客-CSDN博客
- git apply、git am打补丁.diff 和 .patch - 简书
- git am, git apply, git format-patch,git diff 用法 - 简书
- Git 打补丁-- patch 和 diff 的使用(详细) - 简书
- 使用Git生成patch和应用patch,看完这一篇文章就全懂了-patch文件-上犹电脑信息网
- git diff,git format-patch,git apply和patch小问题三则_Andy_0755的博客-CSDN博客
git cherry-pick
- Git - git-cherry-pick Documentation
- [Git] Git整理(五) git cherry-pick的使用_FightFightFight的博客-CSDN博客
- 工具篇:git cherry-pick_BruceBupt的博客-CSDN博客
- git cherry-pick使用 - 简书
- git cherry-pick - 简书
- Git cherry-pick - 简书
- git cherry-pick 的使用 - 风坤 - 博客园
- git cherry-pick合并某个commit - WhyWin - 博客园
- Git 之 cherry-pick - 活到老学到老 - SegmentFault 思否
- git cherry-pick_w3cschool
- git cherry-pick - [ Git中文开发手册 ] - 在线原生手册 - php中文网
- Git cherry-pick 使用总结 - 天王盖地虎626的个人空间 - OSCHINA
撤销改动
git reset
- Git reset - 林多多 - CSDN博客
- git reset --hard 放弃本地修改 - zyfzhangyafei的专栏 - CSDN博客
- git reset --hard 之 git版本回退 - 专注于全栈游戏开发 - CSDN博客
- git reset 三种用法总结 - alphapersonality的博客 - CSDN博客
- git reset soft,hard,mixed之区别深解 - 世有因果知因求果 - 博客园
- Git版本恢复命令reset(转载) - 一点点征服 - 博客园
- git reset --hard 和 git reset --sort区别 - 洋成林 - CSDN博客
- github总结(4)--关于git reset --hard这个命令的惨痛教训 - 前端段子手 - 博客园
- Git reset命令的使用 - 简书
git revert
- git revert 用法 - demoblog - 博客园
- Git revert使用和例子 - 库塔姆斯 - CSDN博客
- Git - git-revert Documentation
- Git 之 revert - 一入前端深似海 - SegmentFault 思否
- git revert 还有这个坑?_慕课手记
- git 入门 回滚错误的修改 git revert - 阿里云
- git撤销commit - 泪已凝 - 博客园
- 撤销修改 - 廖雪峰的官方网站
- Git恢复之前版本的两种方法reset、revert(图文详解) - 游笑天涯 - CSDN博客
- Git Book 中文版 - Git的撤消操作 - 重置, 签出 和 撤消
- git reset与git revert比较 - N神3 - 博客园
- git revert 和 git reset 的区别 - qq_33442844的博客 - CSDN博客
- git 放弃本地修改 - 上官云清 - 博客园
- Git 版本回退(代码回滚) - DeMon - CSDN博客
- [Git高级教程(二)] 远程仓库版本回退方法 - 梧桐那时雨 - CSDN博客
- 【Gitlab】GIT回滚master分支到指定tag版本 并提交远程仓库 - ·悟空· - 博客园
- GIT回滚master分支到指定tag版本 - A点点圈圈A的博客 - CSDN博客
- git 操作规范 - web前端 - SegmentFault 思否
- CSDN
- Release Git Credential Manager for Windows v1.14.0 · Microsoft/Git-Credential-Manager-for-Windows
- 你不一定知道的几个很有用的 Git 命令 - 梦想天空(山边小溪) - 博客园
- 花点时间顺顺Git(上) - 前端 - 掘金
- 花点时间顺顺Git(下) - 前端 - 掘金
- 图解git原理与日常实用指南 - 掘金
- 版本控制工具——Git常用操作(上) - 掘金
- 版本控制工具——Git常用操作(下) - 掘金
- 521xueweihan/git-tips: Git的奇技淫巧
- git-tips/tips: Most commonly used git tips and tricks.
- Git 有什么奇技淫巧? - 知乎
- git常用命令和场景 - 掘金
git工作流
Git Subtree
- 用 Git Subtree 在多个 Git 项目间双向同步子项目 - 掘金
gitflow
- nvie/gitflow: Git extensions to provide high-level repository operations for Vincent Driessen's branching model.
- petervanderdoes/gitflow-avh: AVH Edition of the git extensions to provide high-level repository operations for Vincent Driessen's branching model
- Git工作流指南:Gitflow工作流 - 文章 - 伯乐在线
- 为了前端的深度-git的命令行 - 掘金
- xuminwlt/j360-gitflow: gitflow工作流使用规范
- silencyXiao/gitflow_test: gitflow 工作流指南
- zhaotoday/product-workflow: Git workflow. 产品测试发布流程及 gitflow 工作流经验总结。
git服务器
- 搭建自己的 Git 服务器 - 掘金
- 在个人服务器上搭建git服务,创建属于自己的私人仓库 - 掘金
自动部署
run-if-changed
- hkdobrev/run-if-changed: Run a command if a file changes via Git hooks
- 手摸手,带你实现代码自动部署 - 掘金
周边
learnGitBranching
- pcottle/learnGitBranching: An interactive git visualization to challenge and educate!
- Learn Git Branching
git插件
Git Town
- Git Town - Git 高级命令插件 - 工具资源 - 掘金
gitmoji
- carloscuesta/gitmoji: An emoji guide for your commit messages. 😜
- gitmoji | An emoji guide for your commit messages
gitmoji-cli
- carloscuesta/gitmoji-cli: A gitmoji interactive command line tool for using emojis on commits. 💻
- gitmoji-cli - npm
gitmoji-changelog
- frinyvonnick/gitmoji-changelog: A library that generates changelog for repositories using gitmoji commits convention
gitbook
- Spaces - YingHua1314
- 使用 Gitbook 打造你的电子书 - 静默虚空 - 博客园
- fontsettings | GitBook Plugins
- GitbookIO/gitbook: 📝 Modern documentation format and toolchain using Git and Markdown
- About this documentation · GitBook Toolchain Documentation
- GitBook Help Center
- zhangjikai/gitbook-use: 记录GitBook的一些配置及插件信息
- 前言 · GitBook 使用教程
- Gitbook安装与使用教程 - 陈云峰技术博客 - CSDN博客
- GitBook 安装以及使用 - 简书
- 如何在新版的gitbook上写自己的书 - 个人文章 - SegmentFault 思否
- Plugins for GitBook
- expandable-chapters-small | GitBook Plugins
- GitBook Editor for Mac|GitBook Editor Mac版下载 V7.0.11 - PC6苹果网
- gitbook新版本 build命令导出的html不能跳转? - qi_ruihua的专栏 - CSDN博客
- gitbook serve error with ENOENT: no such file or directory(fontsettings.js&website.css) · Issue #55 · GitbookIO/gitbook-cli
gitbook plugin
- Download PhantomJS
- gitbook 转换 pdf - kayfen - CSDN博客
- gitbook 编译书籍源码 为PDF - 陈罗杰的专栏 - CSDN博客
- Windows上使用gitbook制作电子书 - 记录每一个小阶段的学习心得,持之以恒! - CSDN博客
- calibre - Download calibre
- GitBook 安装配置 & 导出PDF - 禅林阆苑 - CSDN博客
- Gitbook根据目录生成Summary.md - 简书
- julianxhokaxhiu/gitbook-plugin-summary: Gitbook plugin to auto-generate SUMMARY.md
- WebEngage/gitbook-plugin-copy-code-button: gitbook-plugin-copy-code-button
- calibre - Download for Windows
- Calibre 使用教程之转换电子书格式 – 书伴
book.json
- book.json配置GitBook - 你特叔 - CSDN博客
- GitBook(2):book.json 配置 - Koala工作室
- bookjson · GitBook 使用教程
- book.json | GitBook 简明教程
- gitbook的book.json配置 - 少言才不会咸's Tech-blog - CSDN博客
- gitbook中book.json文件详解 - 农家小院 - CSDN博客
- Templating · GitBook Toolchain Documentation
progit2
- progit/progit2: Pro Git 2nd Edition
lazygit
- jesseduffield/lazygit: simple terminal UI for git commands
git-bug
- MichaelMure/git-bug: Distributed bug tracker embedded in Git
github-corners
- tholman/github-corners: A fresher "Fork me on GitHub" callout.
- GitHub Corners
husky
- typicode/husky: 🐶 Git hooks made easy
gitbatch
- isacikgoz/gitbatch: manage your git repositories in one place
GitHub Ribbons
- GitHub Ribbons - The GitHub Blog
git-admin
- ninetynine/git-admin: A package to help manage git repositories through the commandline
- git-admin - npm
git-history
- pomber/git-history: Quickly browse the history of any GitHub file
- Git History
recommit
- 一个修改git commit的名字/email/日期的工具 - 前端 - 掘金
- HelloGitHub – 分享 GitHub 上入门级、有趣的开源项目
- Gogs - 基于 Go 语言的自助 Git 服务 - 梦想天空(山边小溪) - 博客园
- gitpoint/git-point: GitHub in your pocket
- k88hudson/git-flight-rules: Flight rules for git
- GitHub Desktop | Simple collaboration from your desktop
- hua1995116/git-down-repo: Download git-repo for any url
gitlab
- The only single product for the complete DevOps lifecycle - GitLab | GitLab
- liuhaimingcn/gitlab-hook: 接收github的push事件请求,监听指定分支,触发脚本重新部署项目。
tree
- 如何在git Bash中使用tree .命令 - 简书
- git 入门教程之 git bash 竟然不支持 tree 命令 - 雪之梦技术驿站 - 博客园
github
github core
- https://api.github.com/users
- https://api.github.com
- LGDHuaOPER
- 第一次使用Git上传本地项目到github上 - 孙氏楼 - 博客园
账户冲突
- 解决 github push failed (remote: Permission to userA/repo.git denied to userB.) - 付小华的博客 - CSDN博客
- git使用中遇到的remote:Permission to xxx denied to xxx问题如何解决 - 刘氏一族的博客 - CSDN博客
- git 问题解决之remote: Permission to xxx/xxx.git denied to xxx. - qq_35524586的博客 - CSDN博客
建立个人博客网站
github-pages
- 【笔记】在GitHub Pages中加入Disqus评论系统 - Forest of Horizon. 天际林。
- GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.
- Gitment:使用 GitHub Issues 搭建评论系统 | I'm Sun
- imsun/gitment: A comment system based on GitHub Issues.
- New OAuth Application
gh-pages
- tschaub/gh-pages: General purpose task for publishing files to a gh-pages branch on GitHub
- 手把手教你在Github上建立自己的个人博客网站 - 简书
- 手把手教你在Github上建立自己的个人博客网站 - 夜殇 - CSDN博客
- Jekyll Themes
- jokinkuang/stepbystep: A jekyll theme, simple and clear, compatible with PC iPad and Phone (RWD)
- 配置
- Liquid reference · Shopify Help Center
- Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs
Gitter
- Gitter - 高颜值GitHub小程序客户端诞生记 - 掘金
- huangjianke/Gitter: Gitter for GitHub - 可能是目前颜值最高的GitHub小程序客户端
- GitHub API v3 | GitHub Developer Guide
github-actions
- boyney123/github-actions: Open source list of GitHub Actions
- Github Actions
github-spray
- Annihil/github-spray: 👾Generate spray for your GitHub contrib graph ░▒▓█
GitHub热门JS项目
casebox
- CaseBox
- huridocs/casebox: Casebox: Secure all your information and team communication in one place
scrollback
- Scrollback, where communities hang out
- scrollback/scrollback: Embeddable cross-platform chat for communities
- chaozh/awesome-blockchain-cn: 收集所有区块链(BlockChain)技术开发相关资料,包括Fabric和Ethereum开发资料
- tiimgreen/github-cheat-sheet: A list of cool features of Git and GitHub.
- github上实用、常用的插件和库 - CSDN博客
- pshihn/rough: Create graphics with a hand-drawn, sketchy, appearance
- kamranahmedse/driver.js: A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page
- sindresorhus/fkill-cli: Fabulously kill processes. Cross-platform.
- monkeyWie/proxyee-down: http下载工具,基于http代理,支持多连接分块下载
- uber/NullAway: A tool to help eliminate NullPointerExceptions (NPEs) in your Java code with low build-time overhead
- nhnent/tui.chart at production
- sjsdfg/Interview-Notebook-PDF: https://github.com/CyC2018/Interview-Notebook PDF版本离线阅读
- yangshun/front-end-interview-handbook: 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
- Beyond grep: ack 2.24, a source code search tool for programmers
github周边
initab
- Initab - Chrome New Tab Extension for Developers
- dracula/dracula-theme: A dark theme for all the things!
- NLKNguyen/base16-papercolor-light-syntax: A Base16 port of PaperColor Light syntax color scheme for Atom
- HelloGitHub
- 521xueweihan/HelloGitHub: Find pearls on open-source seashore 分享 GitHub 上有趣、入门级的开源项目
- HelloGitHub – 分享 GitHub 上入门级、有趣的开源项目
- Git的使用--如何将本地项目上传到Github - cssshua的博客 - CSDN博客
- 两种方法上传本地文件到github - 简书
- 上传本地代码及更新代码到GitHub教程 - 张梨贤 - 博客园
- 工具大全github地址 - CSDN博客
- 怎么利用Github Issues 获取帮助 · Issue #2 · ssy341/datatables-cn
github FAQ
- 【最新】解决github图片不显示的问题 - Antrn的博客 - CSDN博客
- Git的使用--如何将本地项目上传到Github - cssshua的博客 - CSDN博客
- 两种方法上传本地文件到github - 简书
- 上传本地代码及更新代码到GitHub教程 - 张梨贤 - 博客园
- 工具大全github地址 - CSDN博客
- 怎么利用Github Issues 获取帮助 · Issue #2 · ssy341/datatables-cn
- GitHub下载克隆clone指定的分支tag代码 - Tse先生 - 博客园
- kibana/search_bar.tsx at 09ea3d529feb8e8af80c1061669b39ba881eb800 · elastic/kibana
Sourcetree
- Sourcetree | Free Git GUI for Mac and Windows
- LGDHuaOPER
¥调试、测试&优化
hack
测试
单元测试
Jest
- Jest · 🃏 令人愉快的 JavaScript 测试
- Jest · 🃏 Delightful JavaScript Testing
- facebook/jest: Delightful JavaScript Testing.
- Jest - 简书
前端测试框架Jest系列教程
- 前端测试框架Jest系列教程 -- 简介 - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Matchers(匹配器) - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Asynchronous(测试异步代码) - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Mock Functions(模拟器) - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Global Functions(全局函数) - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Expect(验证) - 不负春光,努力生长 - 博客园
- Getting Started · Jest
- jest 自动化测试 - wang_yb - 博客园
- Jest测试React组件入门 - 简书
- Jest Mocks入门 - 简书
- Jest学习笔记(一) - 简书
- Jest学习笔记(二) - 简书
riteway
- ericelliott/riteway: Unit tests that always supply a good bug report when they fail.
- 单元测试之基本构成 - 掘金
- 年轻时,我不写单元测试 - 掘金
- 12 款 JS 代码测试必备工具 - 开源中国
- 前端测试框架对比(js单元测试框架对比) - 晴天_雨天 - 博客园
- JavaScript单元测试框架 - undefined
- 使用karma和jasmine配合phantom浏览器进行单元测试 - 掘金
自动化测试
断言库
chai.js
- producthunt/chai-enzyme: Chai.js assertions and convenience functions for testing React Components with enzyme
- Expect / Should - Chai
berserkJS
- tapir-dream/berserkJS: berserkJS 是新形态的前端测试自动化工具 + 页面性能分析工具 ,同时也是个使用 JS 语法控制的命令行浏览器。可用 JS 编写前端自动测试用例 + 页面性能分析用例。 想了解更多
puppeteer-recorder
- Overview | Checkly
lambdatest
- Free Cross Browser Testing Tool on Cloud | Selenium Automation Testing
- 前端技术周刊 2018-12-10:前端自动化测试 - 掘金
- 如何进行前端自动化测试? - 知乎
UI测试
storybook
- Storybook - UI dev environment you'll love to use
- storybooks/storybook: Interactive UI component dev & test: React, React Native, Vue, Angular, Ember
- Introduction
- Slow Start Guide
- https://storybook.js.org/docs/guides/guide-react/
- Storybook Tutorial
- storybook/addons/storyshots at master · storybooks/storybook
- storybook/addons/storyshots/storyshots-core at master · storybooks/storybook
- storybook/addons/storyshots/storyshots-puppeteer at master · storybooks/storybook
- 开始吧 | Storybook Tutorial
react-styleguidist
- styleguidist/react-styleguidist: Isolated React component development environment with a living style guide
- React Styleguidist: isolated React component development environment with a living style guide
JSDebugger
- SatanWoo
- SatanWoo/JSDebugger: JavaScript-Based Debugger For Inspecting Running State Of Your Application
- bang590/JSPatchConvertor: JSPatch Convertor is a tool that converts Objective-C code to JSPatch script automatically.
- Fundebug - 不放过每一个BUG
debug
- visionmedia/debug: A tiny JavaScript debugging utility modelled after Node.js core's debugging technique. Works in Node.js and web browsers
- Debug
浏览器端测试
webhint
- webhint, the hinting engine for web best practices
- webhint
airtap
- airtap/airtap: Test your JavaScript in 800+ browsers.
本地测试
mkcert
- FiloSottile/mkcert: A simple zero-config tool to make locally trusted development certificates with any names you'd like.
测试各种设备的屏幕和分辨率
- Screenfly / Test Your Website at Different Screen Resolutions
- puppeteer/DeviceDescriptors.js at master · GoogleChrome/puppeteer
- 理一理屏幕尺寸那些事 - 掘金
真机测试
- Carefree
页面优化&调试
logrocket
Chrome 开发者工具
Chrome调试工具技巧
- 【译】你不知道的Chrome调试工具技巧 第四天:the Elements panel(元素面板) - 掘金
- 【译】你不知道的Chrome调试工具技巧 第一天:console中的' - 掘金 - 掘金
- 【译】你不知道的Chrome调试工具技巧 第二天:copying & saving - 掘金
- 【译】你不知道的Chrome调试工具技巧 第三天:console methods (内有作者关于译文的回复) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第八天:Color picker(颜色选择器) - 掘金
- 【译】你不知道的Chrome调试工具技巧 第七天:异步console的趣味小窍门 - 掘金
- 【译】你不知道的Chrome调试工具技巧 第六天:command 菜单 - 掘金
- 【译】你不知道的Chrome调试工具技巧 第五天:console的log中,让人疑惑的案例 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第九天:给 console 计时 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十天:custom formatters(自定义格式转换器) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十一天:style editors continued(样式编辑器后续) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十二天:忍者日志打印!(the ninja logs) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十三天:对象 & 方法 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十四天:其他快捷键~ - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十五天:Twitter day! - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十六天:断点 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十七天:再会console - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十八天:Drawer 里的秘密 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十九天:深入 Drawer - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十天:Workspace的黑魔法 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十一天:Snippets(代码块) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十二天:network - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十三天:Drawer tips 后续 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十四天:最后一天,元旦牛逼 - 掘金
- Chrome 开发者工具 | Tools for Web Developers | Google Developers
- 使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能 - 开源中国
- 用Chrome开发者工具做JavaScript性能分析 - 文章 - 伯乐在线
- 使用Chrome开发工具优化Web应用 | Aotu.io「凹凸实验室」
- Chrome DevTools 之 Network,网络加载分析利器 - 简书
- Chrome DevTools 之 Timeline,快捷性能优化工具 - 简书
- 使用 Chrome Timeline 来优化页面性能 - Coding 博客
- chrome开发者工具浅析--timeline - 白槐佳人 - 博客园
- Chrome开发者工具不完全指南(一、基础功能篇) - WEB前端 - 伯乐在线
- Console API 参考 | Tools for Web Developers | Google Developers
- Command Line API 参考 | Tools for Web Developers | Google Developers
OneProfile
- JavaScript 性能分析新工具 OneProfile - OneAPM技术博客 - 前端乱炖
移动端前端开发调试
- 移动端前端开发调试 | 于江水
- 移动前端调试方案(Android + Chrome 实现远程调试) - Leinov - 博客园
- 在安卓设备上使用 Chrome 远程调试功能 - Chrome 开发工具指南 - 极客学院Wiki
- UC Plus —— 为开发者提供服务而生
- xinranliu.me
- MIHTool - iOS Web Debugger Pro
- 【译】远程调试 iOS Safari - 前端 - 掘金
console
- Console - Web APIs | MDN
- 【译】灵活使用 console 让 js 调试更简单 - 掘金
- 【译】如何停止使用console.log()转而使用浏览器debugger - 掘金
- 【译】创造性地使用 Console! - 掘金
- 你不知道的JavaScript——性能测试和调优 - 掘金
- 前端调试 - 掘金
接口管理测试工具
postman
- Postman | Download Postman App
- newman - npm
- Postman API 中文白皮书文档-Postman 使用教程 - Chrome插件(谷歌浏览器插件)
- 使用postman测试接口时需要先登录怎么办 - CSDN博客
- postman:模拟发送一个需要 cookie 认证的请求 · TesterHome
- 接口测试 · 社区 · TesterHome
- Postman 安装及使用入门教程 - Mafly - 博客园
- Postman用法简介 - CSDN博客
- 最强PostMan使用教程(1) - CSDN博客
- postman中 form-data、x-www-form-urlencoded、raw、binary的区别 - wangjun5159的专栏 - CSDN博客
yapi
- YMFE/yapi: YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
- YApi 接口管理平台
- YApi 接口管理平台
- 使用 YApi 管理 API 文档,测试, mock - 掘金
- YApi-高效、易用、功能强大的可视化接口管理平台
- hellosean1025/yapi-gen-js-code: 根据 YApi 的接口定义生成 javascript 的请求函数,目前内置了 axios 请求模板
- inceptiongt/Yapi-plugin-export-docx-data: plugin for Yapi that can export data as docx
RAP
- 欢迎使用RAP
- thx/rap2-delos: 阿里妈妈前端团队出品的开源接口管理工具RAP第二代
- thx/RAP: Web接口管理工具,开源免费,接口自动化,MOCK数据自动生成,自动化测试,企业级管理。阿里妈妈MUX团队出品!阿里巴巴都在用!1000+公司的选择!RAP2已发布请移步至https://github.com/thx/rap
- RAP2
- 教你使用docker部署淘宝rap2服务 - 糊糊糊糊糊了 - 博客园
apizza
- apizza - 极客专属的api管理工具
- HuaFEEng - apizza
api 请求函数生成工具
tua-api
- tuateam/tua-api: 🏗 一款可配置的通用 api 请求函数生成工具(A common tool helps converting configs to api functions)
- tua-api
jsonstore
- jsonstore.io / Store your data just by sending us HTTP Requests
- bluzi/jsonstore: jsonstore offers a free and secured JSON-based cloud datastore for small projects
- TonnyL/Awesome_APIs: A collection of APIs
MySQL管理工具
iysql
- influx-code/iysql: IYSQL - Improve Your SQL
- 15款最佳的MySQL管理工具和应用程序 - 梦想天空(山边小溪) - 博客园
命令行处理json
fx
- antonmedv/fx: Command-line JSON processing tool 🔥
- sebmarkbage/ecmascript-generator-expression: Proposal for do Generator Expressions in ECMAScript. Work in progress. Edit Add topics
前端异常
Sentry
- Sentry | Error Tracking Software — JavaScript, Python, PHP, Ruby, more
- Introduction | Sentry-Manual-Chinese-Version
- 前端异常监控之 Sentry的部署和使用 - 掘金
- 前端代码错误上报 - 掘金
- 如何优雅处理前端异常? - Jartto's blog
- 前端 JavaScript 错误分析实践
- 前端错误收集(Vue.js、微信小程序) - 掘金
server/mock
$mock工具
lazy-mock
- wjkang/lazy-mock: 一个快速生成后端模拟数据的懒人工具
- lazy mock
ma-mock
- masongzhi/ma-mock: 用于mock和proxy的服务器
- 手动编写mock服务(ma-mock) - 掘金
Mock.js
- Mock.js
- nuysoft/Mock: A simulation data generator
- 手把手教你mockjs实际项目快速搭建 - 掘金
easy-mock
- easy-mock/easy-mock: A persistent service that generates mock data quickly and provids visualization view.
- Easy Mock
- easy-mock/easy-mock-cli: Create api.js for Easy-Mock. https://easy-mock.github.io/easy-mock-cli/
- Easy Mock
randomuser
- Random User Generator | Home
- RandomAPI :: Index
- RandomAPI/Randomuser.me-Node: Source code that powers randomuser.me
simple-mock
- 在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟 - 志文工作室
- lzwme/simple-mock: 以注入到 node server 的 API 代理方式,实现简洁而功能强大的 API MOCK 功能,支持自动保存后端 API 数据到本地
- Simple Mock - By lzw
- renxia/github-user-search-ng: Github User Search for Angular 6+ Demo
- Github User Search
- 如何优雅的使用Mock Server - 掘金
mockJSON
- mennovanslooten/mockJSON: MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data.
raml-mocker
raml2html
- raml2html/raml2html: RAML to HTML documentation generator.
- raml2html - npm
- xbl/raml-mocker: Raml-mocker 不仅是个 Mock Server,还是一个 API 接口测试工具
json-server
- typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)
now
- Now - ZEIT
- Now for GitLab - ZEIT
- Now for GitHub - ZEIT
- zeit/now-cli: The command-line interface for Now
- Flotype/now: NowJS makes it easy to build real-time web apps using JavaScript
serve-handler
- zeit/serve-handler: The foundation of `serve` and static deployments on Now
- serve-handler - npm
http-server
- @itemsjs/http-server - npm
- @huangzj/http-server - npm
serve
- serve - npm
- zeit/serve: Static file serving and directory listing
- tj/serve: Simple command-line file / directory server built with connect - supports stylus, jade, etc
- expressjs/serve-static: Serve static files
serverless
- serverless/serverless: Serverless Framework – Build web, mobile and IoT applications with serverless architectures using AWS Lambda, Azure Functions, Google CloudFunctions & more! –
- Serverless - The Serverless Application Framework powered by AWS Lambda, API Gateway, and more
server
- franciscop/server: Simple and powerful server for Node.js
- Server.js
抓包
Charles
- Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy
- Charles 从入门到精通 | 唐巧的博客
- Charles授权码在线生成 charles 激活码 charles license key generate charles 破解
- Charles抓包—App资源代理 - 掘金
¥代码压缩工具
UglifyJS
- mishoo/UglifyJS: JavaScript parser / mangler / compressor / beautifier library for NodeJS
UglifyJS2
- mishoo/UglifyJS2: JavaScript parser / mangler / compressor / beautifier toolkit
- UglifyJS — JavaScript parser, compressor, minifier written in JS
parse-js
- parse-js / A JavaScript parser
- marijnhaverbeke.nl Git - parse-js/summary
cl-uglify-js
- mishoo/cl-uglify-js: JavaScript compressor/beautifier library for Common Lisp
cl-ppcre
- CL-PPCRE - Portable Perl-compatible regular expressions for Common Lisp
- edicl/cl-ppcre: Common Lisp regular expression library
parse-number
- CLiki: parse-number
- sharplispers/parse-number: PARSE-NUMBER is a library of functions for parsing strings into one of the standard Common Lisp number types without using the reader.
- CLiki: parse-number
iterate
- iterate, the extensible iteration construct
- iterate / iterate · GitLab
JS加密
- yui/yuicompressor: YUI Compressor
- Protect JavaScript source code with v8 snapshot · nwjs/nw.js Wiki
- NW.js Documentation
- Online JavaScript beautifier
- 看起来很厉害的 JS 编译器 | 鲁夫的爱
- nw.js node-webkit系列(18)怎么对.js进行编译以防你的代码暴露出来 - CSDN博客
- JS代码加密 | Javascript 不可逆加密 | JS混淆加密 —在线工具
- 推荐15个最好用的 JavaScript 代码压缩工具 - 梦想天空(山边小溪) - 博客园
¥代码部署
- 大公司里怎样开发和部署前端代码? - 知乎
- 【前端打包部署】谈一谈我在SPA项目打包=>部署的处理(上) - 掘金
- 软件版本号规范与命名原则 - scott-X - 博客园
¥现网/生产环境
前端日志
wardjs-report
- iv-web/wardjs-report: ivweb wardmonitor client report
- wardjs-report - npm
badjs2
- iv-web/badjs2: 前端脚本错误监控及跟踪解决方案
- Badjs2 - 前端脚本错误监控及跟踪解决方案
analytics
- kimyLee/analytics: a script of log report
- 从一个埋点日志上报脚本说起 - 掘金
- 打造前端离线日志(一): IndexedDB - 掘金
- wardjs-report/OfflineDB.js at master · iv-web/wardjs-report
- 前端错误日志收集方案 - 掘金
- 脚本之家在线工具
$Hadoop
- Apache Hadoop
- 史上最详细的Hadoop环境搭建
- Hadoop教程™
- 【Hadoop】搭建完全分布式的hadoop - 大牛笔记 - 博客园
- Hadoop快速入门
- 一篇文看懂Hadoop - 何石-博客 - 博客园
- Hadoop 系列(一)基本概念 - binarylei - 博客园
- Hadoop 系列(二)安装配置 - binarylei - 博客园
- hadoop是什么?新手自学hadoop教程(一) - CXY_xn的博客 - CSDN博客
$服务器
¥DNS
- DNS Performance - Compare the speed and uptime of enterprise and commercial DNS services | DNSPerf
¥fly
- fly - npm
¥graphpack
- glennreyes/graphpack: ☄️ A minimalistic zero-config GraphQL server.
¥HTTP
¥HTTP core
Content-Type
- Content-Type - HTTP | MDN
- MIME types (IANA media types) - HTTP | MDN
- Http请求中请求头Content-Type讲解 - mingruqi - 博客园
- cconcolato/media-mime-support: ISOBMFF MIME Types Support
- jsdom/whatwg-mimetype: Parses, serializes, and manipulates MIME types, according to the WHATWG MIME Sniffing Standard
- mozilla-comm/jsmime: A MIME parser written in JavaScript
- creationix/simple-mime: A small, simple mime database for node.js
- ikr0m/mime-js: Create MIME message in javascript
- eface2face/mimemessage.js: MIME messages for JavaScript (RFC 2045 & 2046)
- data-uri/mimer: A simple Mime type getter
- stretchr/filetypes.js: A complete list of file types, extensions and mime types in JavaScript.
- jhermsmeier/node-mime-lib: MIME related utility functions
- wgenial/mimetypeicons-nodejs: 🚀 Site that provides mime type icons
- broofa/node-mime: Mime types for JavaScript
- MimeTypeMap/MimeTypeMap.cs at master · samuelneff/MimeTypeMap
- jshttp/mime-db: Media Type Database
HTTP/3
- HTTP/3 来啦,你还在等什么?赶紧了解一下 - 掘金
- What is HTTP/3 ? - DEV Community 👩💻👨💻
- Archive
HTTP 2.0
- HTTP 2.0 协议详解 - zqjflash的专栏 - CSDN博客
- HTTP/2.0的前世今生 - 掘金
HTTPS
- 怎样在服务器上启用 HTTPS - 掘金
- 彻底搞懂HTTPS的加密机制 - 掘金
- 你连 HTTPS 原理都不懂,还讲“中间人攻击”?
HTTP状态码
- HTTP状态码大全(转自wiki) - 削微寒 - 博客园
- HTTP状态码大全 - 缘-妙不可言 - 博客园
- HTTP状态码大全 - 常用参考表对照表 - 脚本之家在线工具
jshttp
- jshttp
- jshttp
- HTTP | MDN
- 搞懂 HTTP 1.0 /1.1/2.0 协议差别 · Issue #18 · RicardoCao-Biker/RICO-BLOG
- bagder/http2-explained: A detailed document explaining and documenting HTTP/2, the successor to the widely popular HTTP/1.1 protocol
- interagent/http-api-design: HTTP API design guide extracted from work on the Heroku Platform API
¥HTTP Cache
- HTTP caching - HTTP | MDN
- [实战验证] http缓存(无代理服务器) - 掘金
- 基于http协议讲解缓存头Cache-Control在服务中的应用@慕课网 原创_慕课网_手记
- HTTP 缓存 | Web Fundamentals | Google Developers
- HTTP Cache 为什么让人很困惑 - 虞大胆的叽叽喳喳 - 简书
- 深入理解浏览器的缓存机制 - 浪里行舟 - 简书
- HTTP Cache 浅析 - 掘金
- 关于 http cache 的一个小问题以及引发的思考 - 掘金
- 【译】缓存最佳实践 & max-age的陷阱 - 掘金
- 深入理解HTTP缓存机制及原理 - 掘金
- 前端要知道的Http协议缓存 - 掘金
- [译] 写给大家看的 Cache-Control 指令配置 - 掘金
- 深入剖析浏览器缓存策略 - 掘金
- 深入现代浏览器的HTTP缓存机制 - 掘金
- Cache-Control for Civilians - 掘金
- HTTP 缓存 | Web Fundamentals | Google Developers
- Caching best practices & max-age gotchas - JakeArchibald.com
- HTTP----HTTP缓存机制 - 掘金
¥HTTP client
ky
- sindresorhus/ky: 🌳 Tiny & elegant HTTP client based on window.fetch
okhttp-RxHttp
- liujingxing/okhttp-RxHttp: RxJava2 + OkHttp 30秒上手,新一代OkHttp请求神器,史上最优雅的实现文件上传/下载/进度监听、动态/多域名、缓存;支持第三方数据解析工具、自定义请求、自动关闭请求等等
- RxHttp 让你眼前一亮的Http请求框架 - 掘金
¥跨域
JWT
- JWT - just what?
- learn-json-web-tokens/README-zh_CN.md at master · dwyl/learn-json-web-tokens
crossorigin属性
- [html] script的crossorigin属性 - 简书
- HTMLMediaElement.crossOrigin - Web APIs | MDN
- Allowing cross-origin use of images and canvas - HTML: Hypertext Markup Language | MDN
- <img>: The Image Embed element - HTML: Hypertext Markup Language | MDN
- html - Purpose of the crossorigin attribute...? - Stack Overflow
跨域资源共享(CORS)
- Cross-Origin Resource Sharing (CORS) - HTTP | MDN
- HTTP访问控制(CORS) - HTTP | MDN
- 深入跨域问题(1) - 初识 CORS 跨域资源共享 - 掘金
- 深入跨域问题(2) - 利用 CORS 解决跨域 - 掘金
- 深入跨域问题(3) - 利用 JSONP 解决跨域 - 掘金
- 深入跨域问题(4) - 利用代理解决跨域 - 掘金
- 再也不学AJAX了!(一)AJAX概述 - 掘金
- 再也不学AJAX了!(二)使用AJAX - 掘金
- 再也不学AJAX了!(三)跨域获取资源 ② - JSONP & CORS - 掘金
- 【小哥哥, 跨域要不要了解下】JSONP - 掘金
- 【小哥哥, 跨域要不要了解下】CORS 基础篇 - 掘金
- 【小哥哥, 跨域要不要了解下】CORS 进阶篇 - 掘金
- 【小哥哥, 跨域要不要了解下】NGINX 反向代理 - 掘金
- 【小哥哥, 跨域要不要了解下】ServerProxy - 掘金
- 跨域资源共享——CORS - 掘金
- 前端跨域问题解决方案(基于node与nginx) - 掘金
- 跨域解决方案实践cors及jsonp - 前端 - 掘金
- 搞定所有的跨域请求问题: jsonp & CORS - 掘金
- CORS跨域时,为何会出现一次动作,两次请求? - 掘金
- 使用<a>标签时,你可能会忽略的一个安全问题 - 掘金
- 不要再问我跨域的问题了 - 前端 - 掘金
- CORS 跨域问题 - 后端 - 掘金
- CORS 跨域解决方案 - 前端 - 掘金
- 利用 CORS 方式解决跨域问题(Flask 实现) - 后端 - 掘金
- 一种方便的跨域开发解决方案 - 掘金
- 解决CORS跨域不能传递cookies的问题 - 掘金
- 跨域资源共享 CORS 一些知识点 - 掘金
- 探讨跨域请求资源的几种方式 - 前端 - 掘金
- 解锁canvas导出图片跨域的N种姿势~ - 掘金
- 解锁跨域的九种姿势 - 掘金
- 九种跨域方式实现原理(完整版) - 掘金
- 记一次跨域post请求数据之preflight request - 掘金
- 聊聊 Timing-Allow-Origin 和 Access-Control-Expose-Headers - 前端 - 掘金
- 前端跨域方法论 - 掘金
- CORS 跨域资源共享 - 前端 - 掘金
- CORS 跨域资源共享 - 掘金
- 跨域资源共享 CORS 详解 - 前端 - 掘金
- 你所不知道的跨域资源共享(CORS) - 掘金
- CORS跨域资源共享你该知道的事儿 - 前端 - 掘金
- Web 开发之跨域与跨域资源共享 - 前端 - 掘金
- 浏览器指纹跨域共享 - 前端 - 掘金
- 跨域——CORS 详解 - 前端 - 掘金
- 使用localstorage代替cookie实现跨域共享数据 - 前端 - 掘金
- 用 Demo 的形式快速入门 CORS、JSONP 等各种跨域 - 前端 - 掘金
- springboot系列文章之实现跨域请求(CORS) - 掘金
- 由同源策略到前端跨域 - 掘金
- 跨域 - 掘金
- 跨域资源共享CORS - 掘金
- 跨域问题,解决方案 - CORS方案 - 掘金
- JS 跨域原因及其解决方案 - 脱机 - SegmentFault 思否
- 同源策略与跨域资源共享 - 个人文章 - SegmentFault 思否
- 跨域HTTP请求解决方案 - 小林小记 - SegmentFault 思否
- 关于跨域的总结 - 个人文章 - SegmentFault 思否
- 前端常见跨域解决方案(全) - 个人文章 - SegmentFault 思否
- 跨域请求 - 个人文章 - SegmentFault 思否
- 前端跨域的处理 - 个人文章 - SegmentFault 思否
- 九种 “姿势” 让你彻底解决跨域问题 - PandaShen - SegmentFault 思否
- 九种 “姿势” 让你彻底解决跨域问题 | PandaShen
- node跨域与解决处理 - 简书
- 前端常见跨域解决方案(全) - 简书
- Access to XMLHttpRequest at url from origin null has been blocked by CORS policy: Request header_跨域,ajax_eriz程序之路-CSDN博客
- 踩过的坑--CORS跨域请求中预检(preflight) | 船长的技术博客
- 前端跨域之CORS | 王宜明的博客空间
- 前端跨域知识总结 - WEB前端 - 伯乐在线
- 前端常见跨域解决方案(全) - inroam - 博客园
- 跨域资源共享 CORS 详解 - 阮一峰的网络日志
- web前端技术圈
- Chrome 调试跨域问题解决方案之插件篇 - DCloud问答
¥预检请求
- 预检请求 - 掘金
- Preflight request | MDN
- cors跨域之简单请求与预检请求(发送请求头带令牌token) - 个人文章 - SegmentFault 思否
¥教程
- 基石-初见网络(一):输入URL后 - 掘金
- 基石-初见网络(二):Web&HTTP&HTTPS - 掘金
- 完全图解 HTTPS - 掘金
- HTTP 的前世今生:一次性搞懂 HTTP、HTTPS、SPDY、HTTP2 - 掘金
- 基于 HTTP 请求拦截,快速解决跨域和代理 Mock - 掘金
- 浅谈HTTP之URL - 掘金
- 一文读懂HTTP/2 及 HTTP/3特性 - 掘金
- 【译】HTTP 简史 - 前端 - 掘金
- JS HTTP 请求库哪家强?Axios,Request,Superagent,Fetch 还是 Supertest - 掘金
- HTTP协议【详解】——经典面试题 - Sunny* - 博客园
- Analyse your HTTP response headers
- What is idempotence? - LispCast
¥FAQ
提交数据大小限制
- 关于http get和form表单post提交数据大小限制 - 武凯凯 - CSDN博客
- POST提交数据太大 - 海阔天空的专栏 - CSDN博客
- ajax的post提交参数长度超出限制的解决办法 - 一@ - CSDN博客
- GET与POST传递数据的最大长度限制 - 天下熙熙,皆为利来;天下攘攘,皆为利往。 - CSDN博客
- post数据过大的问题 - wangchh1988的博客 - CSDN博客
- post提交参数过多时,取消Tomcat对 post长度限制 - 笨笨熊咦的博客 - CSDN博客
- POST提交数据达到大小限制时,无法成功提交数据的解决办法! - phy201106的博客 - CSDN博客
- Post提交大数据量,接收端接收不到数据的解决方法 - LZJLZJLZJLZJLZJLZJ的专栏 - CSDN博客
- Tomcat下取消POST大小的限制 - zhang__san_的博客 - CSDN博客
- 前端面试http和https的区别 - 掘金
- 面试常问的http的缺点 - 掘金
- HTTP 204和205的应用 | 风雪之隅
- HTTP系列 HTTP协议是一个渣男👦-主动,不负责,不拒绝 - 掘金
- 记一道控制并发数的前端面试题【手动维护 HTTP 请求排队】 - 掘金
- HTTP 中 GET 与 POST 的区别 - 掘金
- 为什么 HTTP PATCH 方法不是幂等的及其延伸 - 掘金
- 关于大厂面试中问到的二十几个 HTTP 面试题 - 掘金
- 码农翻身
¥Harp
- sintaxi/harp: Static Site Server/Generator with built-in preprocessing
- Harp, the static web server with built-in preprocessing
¥Nginx
core
- nginx for Windows
- nginx: download
- http核心模块-Nginx中文文档
- ningx中文教程网
- nginx news
config
- nginx.conf配置文件详解 - 简书
- Nginx配置文件详解 - 猎手家园 - 博客园
- 死磕nginx系列-nginx日志配置 - biglittleant - 博客园
module
负载均衡
- Nginx实现负载均衡 - 掘金
反向代理
跨域
- Nginx配置跨域请求 Access-Control-Allow-Origin * - 全栈开发之路 - SegmentFault 思否
- nginx中配置跨域支持功能 - 小戴子 - 博客园
代理转发
- Nginx常见场景代理转发配置 - 阿飞的专栏 - CSDN博客
- Nginx配置请求转发location及rewrite规则 - 陈无问 - 博客园
- Nginx配置proxy_pass转发的/路径问题 - 风与叶子 - 博客园
- Nginx下的location,upstream,rewrite 和 proxy_pass使用总计大全 - 掘金
教程&FAQ
- windows下nginx的安装及使用 - 将王相 - 博客园
- ZIP解压缩命令-CSDN下载
- Windows下的zip和unzip命令 - 楷尘·极客 - CSDN博客
- 前端必会的 Nginx入门视频教程(共11集) - 掘金
- nginx 请求转发配置 - SegmentFault 思否
- nginx反向代理(请求转发-URL匹配规则) - 周XX - 博客园
- nginx配置文件+本地测试请求转发到远程服务器+集群 - PeaceGuy - 博客园
- windows 下安装配置 Nginx 详解 - kingscoming的博客 - CSDN博客
- windows下nginx的安装及使用方法入门 - 冒雨ing - 博客园
- nginx实现常见场景 - 掘金
- Forever +nginx部署Node站点 - 掘金
- galmoe-ts/nginx.conf at master · galmoe/galmoe-ts
- 前端不能不会的 Nginx 入门 (图文并茂的服务器环境教程) - 掘金
¥TCP/IP
- 前端快速入门 TCP/IP - 掘金
- The TCP/IP Guide - Table Of Contents
- TCP和UDP比较 - 掘金
¥检查容器,虚拟机和服务器的完整性
- ottomatica/opunit: 🕵️♂️🍞 Sanity checking containers, vms, and servers
¥基于 Node的桌面静态 Web 服务器
- Fenix Web Server | Static Web Servers for the Desktop
¥代理
http-proxy-middleware
- chimurai/http-proxy-middleware: The one-liner node.js http-proxy middleware for connect, express and browser-sync
- webpack proxy axios create-react-app - zhuojianhai88的专栏 - CSDN博客
- create-react-app 开发时代理转发设置 - 简书
- create-react-app 构建的项目使用代理 proxy - zhourongcode - 博客园
- 13.create-react-app 构建的项目使用代理 proxy - 大耳朵小虎 - 博客园
- react配置多个代理,跨域_码神岛
- react.js - create-react-app设置多个域跨域 - SegmentFault 思否
- react配置多个代理,跨域 - 简书
mockiji-proxy-middleware
- NijiDigital/mockiji-proxy-middleware: A basic proxy middleware for Mockiji
proxy-addr
- jshttp/proxy-addr: Determine address of proxied request
¥FAQ
- 请求首部字段详解-四大首部字段之一 - 掘金
- 如何创建一个可靠稳定的Web服务器 - 掘金
- 离散请求 - 掘金
$SSH&SSL
OpenSSL
JSEncrypt
MobaXterm
- MobaXterm free Xserver and tabbed SSH client for Windows
- MobaXterm学习与使用 - CSDN博客
- 如何生成SSH key - 简书
- 详解VUE前端按钮权限控制 / 张生荣
$Docker
- www.docker.com
- portainer/portainer: Simple management UI for Docker
- 9102 年了,学点 Docker 知识 - 掘金
- 使用 Docker 搭建你自己的 RSS 服务(Miniflux) - 掘金
- 如何使用 docker 部署前端应用 - 掘金
- 写给前端的Docker实战教程 - 掘金
- CentOS7搭建Docker私有仓库 - fendo - CSDN博客
- Docker(二)----Dockerfile文件详解 - fendo - CSDN博客
- Docker(三)----Dockerfile搭建Nginx环境与文件挂载 - fendo - CSDN博客
- Docker(四)----Docker-Compose 详解 - fendo - CSDN博客
- Docker(五)----Docker-Compose部署nginx代理Tomcat集群 - fendo - CSDN博客
- Docker(六)----Swarm搭建Docker集群 - fendo - CSDN博客
- Docker(七)----搭建Portainer可视化界面 - CSDN博客
- Docker笔记:常用命令汇总 - 朝雨忆轻尘 - 博客园
$Elasticsearch
Kibana
Kibana core
- elastic/kibana: Your window into the Elastic Stack
- Kibana 用户手册 | Elastic
- Past Releases of Elastic Stack Software | Elastic
- Kibana OSS 7.3.1 | Elastic
Kibana开发环境搭建及FAQ
- Introduction - kibana-plugin-development-tutorial
- kibana6.3.0开发环境搭建 - charming的博客 - CSDN博客
- 在Windows环境下搭建kibana开发环境及开发插件 - 程序员大本营
- ELK(Elasticsearch/Logstash/Kibana)安装时常见错误总结 - 大数据和AI躺过的坑 - 博客园
- Kibana插件开发(基本环境搭建) - LemonGirls的博客 - CSDN博客
- Kibana插件开发 | 易学教程
- kibana 6.3.0版本开发环境配置失败(yarn kbn bootstrap)解决方案 - charming的博客 - CSDN博客
- yarn安装node-sass - xin00guang的博客 - CSDN博客
- Kibana关闭停止失败解决办法 - 程裕强的专栏 - CSDN博客
- Kibana(Windows版本) - 学海无涯的博客 - CSDN博客
- yarn命令的使用说明及.yarnrc使用等 - m0_37148591的博客 - CSDN博客
- 在mac上搭建kibana开发环境并打包 — POISON
- 如何让kibana零等待时间升级插件(前后端分离的部署) - Elastic 中文社区
- PhaedrusTheGreek/transform_vis: Transform Visualization for Kibana
- 开源搜索与分析 · Elasticsearch | Elastic
$命令行相关
blessed-contrib
- yaronn/blessed-contrib: Build terminal dashboards using ascii/ansi art and javascript
$Jenkins
Jenkins 教程 & FAQ
Jenkins入门系列
- Jenkins入门系列之——00答疑解惑 - 爱自己 - 博客园
- Jenkins入门系列之——03PDF文档下载 - 爱自己 - 博客园
- Jenkins入门(一) - 变成习惯
- Jenkins入门(二)_变成习惯-CSDN博客
Jenkins进阶系列
- Jenkins进阶系列之——01使用email-ext替换Jenkins的默认邮件通知 - 爱自己 - 博客园
- Jenkins进阶系列之——02email-ext邮件通知模板 - 爱自己 - 博客园
- Jenkins进阶系列之——03parameterized-trigger插件 - 爱自己 - 博客园
- Jenkins进阶系列之——04Publish Over FTP Plugin插件 - 爱自己 - 博客园
- Jenkins进阶系列之——05FTP publisher plugin插件 - 爱自己 - 博客园
- Jenkins进阶系列之——06FTP publisher plugin插件下载(支持绝对路径) - 爱自己 - 博客园
- Jenkins进阶系列之——07更改Jenkins的主目录 - 爱自己 - 博客园
- Jenkins进阶系列之——08Jenkins纳入版本控制 - 爱自己 - 博客园
- Jenkins进阶系列之——09配置Linux系统ssh免密码登陆 - 爱自己 - 博客园
- Jenkins进阶系列之——10Publish Over SSH插件 - 爱自己 - 博客园
- Jenkins进阶系列之——11修改Jenkins用户的密码 - 爱自己 - 博客园
- Jenkins进阶系列之——12详解Jenkins节点配置 - 爱自己 - 博客园
- Jenkins进阶系列之——13修改Jenkins权限控制 - 爱自己 - 博客园
- Jenkins进阶系列之——14配置Jenkins用户和权限 - 爱自己 - 博客园
- Jenkins进阶系列之——15Maven获取Jenkins的Subversion的版本号 - 爱自己 - 博客园
- Jenkins进阶系列之——16一个完整的JENKINS下的ANT BUILD.XML文件 - 爱自己 - 博客园
- Jenkins进阶系列之——17Jenkins升级、迁移和备份 - 爱自己 - 博客园
- Jenkins进阶系列之——18Jenkins语言本地化 - 爱自己 - 博客园
Jenkins Ci系列
- Jenkins Ci系列目录 - 周国通 - 博客园
- 自动化部署之jenkins及简介 - jimmy_xuli - 博客园
- Jenkins详细教程 - 简书
- 搭建jenkins实现自动化部署 - rslai - 博客园
- docker下安装部署jenkins(一) - 掘金
- Jenkins 功能分析与整理 - 简书
- Docker下搭建Jenkins构建环境 - 朝雨忆轻尘 - 博客园
- jenkinsci/jenkins: Jenkins automation server
- Jenkins
- Jenkins 用户手册
- Jenkins中文文档_w3cschool
- 安装Jenkins
- Jenkins Plugins
single tool
- Good-Old-Downloads/gg
- 75team/raffle: 奇舞团历年年会现场抽奖程序
- kaysonli/lucky-ball: A simple lottery program.
- GIMP - GNU Image Manipulation Program
- Aptana
- 微简vjpage4.1正式上线!快速制作界面,直接生成前端代码
- 介绍移动应用程序功能的模板【免费下载】 - 梦想天空(山边小溪) - 博客园
- Origami Studio — Design Prototyping
- Marvel - The design platform for digital products
- 技术人必备|55款软件工具盘点 - 掘金
- W3Techs - extensive and reliable web technology surveys
- APICloud 手机APP开发、APP制作技术专家 - 中国领先低代码开发平台
Web解决方案
- Vue2.0 新手完全填坑攻略——从环境搭建到发布 - 简书
- npm 中文文档 | npm 中文网
- webpack 中文文档
- 入坑Webpack - 简书
- webpack 从入门到工程实践 - 简书
- vuejs-templates
- 关于vue的npm run dev和npm run build - 小黄鹂 - 博客园
- 开发
- vue-cli2.9.1版本为什么不用express了?这样做的好处是什么? - SegmentFault 思否
- vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js
- Expressive, dynamic, robust CSS — expressive, robust, feature-rich CSS preprocessor
- stylus | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- Stylus - 富于表现力、健壮、功能丰富的 CSS 预处理器 | Stylus 中文文档
- stylus在vue中的使用 - CSDN博客
- 张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活
- Babel · 用于编写下一代 JavaScript 的编译器 | Babel中文网
- pagekit/vue-resource: The HTTP client for Vue.js
- 马克鳗 - 设计稿标注、测量
- CSS秘密花园: Sticky footers_CSS秘密花园, sticky footer 教程_w3cplus
- 《图解CSS3:核心技术与案例实战》_我的书 教程_w3cplus
- 阮一峰的网络日志: July 2015 文章存档
- Introduction · vue-loader
- ktsn/vue-template-loader: Vue.js 2.0 template loader for webpack
- Sentry | Error Tracking Software — JavaScript, Python, PHP, Ruby, more
- Introduction | Sentry-Manual-Chinese-Version
- yccphp/Sentry-Manual-Chinese-Version: 在线阅读:http://yccphp.gitbooks.io/sentry-manual-chinese-version/
- Introduction · GitBook(!vue-router)
- chrisvfritz/vue-2.0-simple-routing-example: A simple example of routing with Vue 2.0 without using vue-router.
- visionmedia/page.js: Micro client-side router inspired by the Express router
- Page.js by visionmedia
- flatiron/director: a tiny and isomorphic URL router for JavaScript
- chrisvfritz/vue-2.0-simple-routing-example at pagejs
- karma-runner/karma: Spectacular Test Runner for JavaScript
- webpack/karma.conf.js at master · vuejs-templates/webpack
- browserify/karma.conf.js at master · vuejs-templates/browserify
- Introduction · GitBook(!SSR)
- vue/types at dev · vuejs/vue
- Compiler Options · TypeScript
- 使用cross-env解决跨平台设置NODE_ENV的问题 - 不挑食的程序员 - SegmentFault 思否
- vuejs/vue-cli: 🛠️ CLI for rapid Vue.js development
- webpack入门——webpack的安装与使用 - web喵神 - 博客园
- vue里 npm run build后应该怎么运行_百度知道
- webpack的各个扩展 - CSDN博客
- babel-runtime 使用场景 - 神--鸟 - 博客园
- CSS Reset | 2018's most common CSS Resets to copy/paste, with documentation / tutorials
- NPM install -save 和 -save-dev 傻傻分不清
- :after/::after和:before/::before的区别 - CSDN博客
- ustbhuangyi/vue-sell: Vue.js高仿饿了么外卖App课程源码 http://coding.imooc.com/class/74.html
- ESLint - Pluggable JavaScript linter - ESLint中文
- didi/cube-ui: A fantastic mobile ui lib implement by Vue
- 当 better-scroll 遇见 Vue
- cubiq/iscroll: Smooth scrolling for the web
- 介绍 · better-scroll
- Vue2.0的变化 - CSDN博客
- vue2.0有哪些变化 - 百年美 - 博客园
- vuejs/vue-migration-helper: CLI tool to aid in migration from Vue 1.x to 2.0
- vue中transition动态设置name属性左右切换_MVC前端网(menVScode)_前端博客_前端技术
- cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com
- Vue2.0使用总结中...... - CSDN博客
- vuejs 中如何优雅的获取 Input 值 - VueJS - 大象笔记
- vue.js - 在vue2.0里,如何获取dom元素的样式(样式是动态变化的) - SegmentFault 思否
- 面向设计的半封装web组件开发(概要版) « 张鑫旭-鑫空间-鑫生活
- Quick Start — Vuetify.js
- 【大型干货】手拉手带你过一遍vue部分源码 - 掘金
- 从0开始做一个的Vue图片/ 文件选择(上传)组件[基础向] - CSDN博客
- 强大的文件上传 Vue 组件 - 前端 - 掘金
- Vue.js File Upload
- Package - vue-upload-file
- vue-file-upload - npm
- vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js
- webpack-china/awesome-webpack-cn: [印记中文](https://docschina.org/) - webpack 优秀中文文章
前端快照
- 高质量前端快照方案:来自页面的「自拍」 - 掘金
- 微信wap页生成分享海报功能踩坑经验 - 简书
- 微信H5实现网页长按保存图片及识别二维码 - 掘金
JS libs & plugins
This is 文本&元素&组件类
$DOM&BOM&CSSOM...
虚拟DOM
nerv
- NervJS/nerv: A blazing fast React alternative, compatible with IE8 and React 16.
- Nerv | 凹凸实验室
snabbdom
- snabbdom/snabbdom: A virtual DOM library with focus on simplicity, modularity, powerful features and performance.
- justemit/vdom: A simple basic implement of virtual-dom algorithm
- 如何实现 virtual-dom · Issue #23 · justemit/coding-note
- 虚拟DOM和Diff算法 - 入门级 - 掘金
HTML.js
- HTML(.js) - Befriend the DOM!
- nbubna/HTML: A simple, extensible way to work directly with the DOM.
voyeur.js
- adriancooney/voyeur.js: Voyeur is a tiny (1.2kb) Javascript library that lets you traverse and manipulate the DOM the way it should have been.
- Voyeur.js
incremental-dom
superviews.js
- davidjamesstone/superviews.js: Template engine targeting incremental-dom
- incremental-dom简析 | ¥ЯႭ1I0
- incremental-dom | An in-place DOM diffing library
dom-testing-library-with-anything
- kentcdodds/dom-testing-library-with-anything: you can use dom-testing-library with anything that renders to the DOM
hotkey
- github/hotkey: Global DOM element activation
cheerio
- cheeriojs/cheerio: Fast, flexible, and lean implementation of core jQuery designed specifically for the server.
- cheerio | Fast, flexible, and lean implementation of core jQuery designed specifically for the server.
DOM事件机制
- ljianshu/Blog: 个人博客及其源代码
- DOM事件机制 - 掘金
- DOM级别与DOM事件 - 简书
- DOM事件机制解惑 | Aitter's Blog
- JavaScript 事件委托详解 - 知乎
- 事件模型 -- JavaScript 标准参考教程(alpha)
- event.target 和 event.currentTarget 的区别 – T 馆
- [译] 究竟什么是DOM? - 掘金
- DOM 事件详解 - 掘金
- JavaScript 事件的学与记:stopPropagation 和 stopImmediatePropagation | 林文康的博客
- 深入理解DOM事件机制 - 掘金
- 事件委托详解最新版 - 掘金
- event.target 和 event.currentTarget 的区别 - FEDeveloper - 博客园
$表单元素组件
¥表格&表单
checkbox效果
- 你见过吗?9款超炫的复选框(Checkbox)效果 - 梦想天空(山边小溪) - 博客园
表格相关
dataTables
datatables core
- DataTables | Table plug-in for jQuery
- Datatables 中文网
- DataTables 中文网博客
- DataTables | Table plug-in for jQuery
- 参考 Datatables中文网
- Datatables 中文网
- datatables.club/blog/js/tomato.js
- Editor | Editing for DataTables
DataTables 插件 Amaze UI 集成
- amazeui/datatables: jQuery DataTables 插件 Amaze UI 集成
- Amaze UI DataTables | Amaze UI 插件
datatables FAQ&教程
- jQuery.datatables.js插件用法及api实例详解_jquery_脚本之家
- jquery datatable服务端分页_jquery_脚本之家
- jquery.datatables.js的使用,读取后端传来的json到table中 - writeademo的个人页面
- ASK Mobile
- DataTables example - Javascript sourced data
- jquery datatables 的常见参数配置 - 看一场塞北的雪 - 博客园
- JQuery插件之Jquery.datatables.js用法及api - 墨韵明空 - 博客园
- jQuery插件DataTable使用方法详解(.Net平台)_jquery_脚本之家
- 控制Datatables元素的位置(dom) 选项(option) 参考(reference) Datatables 中文网
- 给每一列添加下拉框搜索 API 示例 Datatables中文网
- option order 设置排序列(去掉第一列的排序和小图标) 《不定时一讲》 DataTables中文网
- DataTables固定表格宽度(设置横向滚动条) - 追极 - 博客园
- 4. Warning: Requested unknown parameter
- DataTables example - Excel - Customise borders
- FixedColumns
- preXhr
sheetJS
- SheetJS/js-xlsx: SheetJS Community Edition -- Spreadsheet Parser and Writer
- SheetJS - Home
- Package - xlsx
- xlsx · docs
- JS-XLSX读取Excel文件中文API帮助文档 - 开源文档 - 问说网
- SheetJS---(js-xlsx) - CSDN博客
colResizable
- colResizable - 百度
- jQuery插件来调整表列的大小colResizable.js 拖动改变单元格宽度_HTML教程-织梦者
- colResizable – Resizing HTML Tables & Columns Made Easy | jQuery Plugins
- colResizable Download
- colResizable – Resizable columns and tables
- ybx13579/resize-table-th: colResizable.js---可手动拖动/滑动th/td 。 改变列宽
- 解决colResizable插件overflow和flex模式单元格最小宽度问题 - CSDN博客
- colResizable的替代品,自定义列宽调整 - CSDN博客
- jQuery可调整表和列宽插件-colResizable - CSDN博客
- jQuery调整表列插件__colResizable - Zz_maker - 博客园
- jquery - colResizable on dynamic table not working - Stack Overflow
pagination
- csdoker/csdwheels: 一套基于原生JavaScript开发的插件,无依赖、体积小
- csdwheels
- 手把手教你用原生JavaScript造轮子(1)——分页器(最后更新:Vue插件版本,本篇Over!) - 掘金
- 原生 JS实现一个简单分页插件 - 掘金
- kPagination-纯js实现分页插件 - 掘金
- blog-data/简单分页 at master · accforgit/blog-data
- KELEN/kPagination: 纯js分页插件
交互表格插件
tabulator
- olifolkerd/tabulator: Interactive Tables and Data Grids for JavaScript
- Tabulator
spreadJS
- SpreadJS - 纯前端表格控件|可嵌入系统开发的在线Excel - 葡萄城官网
- SpreadJS学习指南-SpreadJS纯前端表格控件|在线Excel-葡萄城官网
- 主页 | 主页 | 学习指南 - SpreadJS 纯前端表格控件|可嵌入系统开发的在线Excel – 葡萄城官网
- handsontable/handsontable: JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular.
- 分享12款 JavaScript 表格控件(DataGrid) - 梦想天空(山边小溪) - 博客园
- Table Dragger - 简单的 JS 拖放排序表格插件 - 梦想天空(山边小溪) - 博客园
日历
daterangepicker
- 日期时间范围选择插件-daterangepicker使用总结 - CSDN博客
- daterangepicker 时间区间选择 - CSDN博客
- Date Range Picker — JavaScript Date & Time Picker Library
- dangrossman/daterangepicker: JavaScript Date Range, Date and Time Picker Component
- Date Range Picker时间插件非常不错,主要体现在选择一个时间区间 - sweeeper - 博客园
- javascript - 如何用moment实现期望时间与当前时间之间的天数? - SegmentFault 思否
- Moment.js 中文网
- moment.js - CSDN搜索
- Moment Timezone | Home
- 使用moment.js轻松管理日期和时间_Helloweba
- moment.js获取当前日期是当年的第几周 - xiaoxiao001 - 博客园
- js 获取每月有几周,根据年月周获取该周从周一到周日的日期等方法 - 渝~~~ - 博客园
- JS判断当前日期为当月的第几周和当年的第几周_郁郁聪聪_新浪博客
tui.calendar
- nhnent/tui.calendar: 🍞📅A JavaScript calendar that has everything you need.
- brnrds/ngx-tui-dev
- lkmadushan/vue-tuicalendar: Vue.js wrapper for TOAST UI Calendar
- tui.calendar/getting-started.md at master · nhnent/tui.calendar
bootstrap-datetimepicker
- DateTime Picker · Bootstrap
- smalot/bootstrap-datetimepicker: Both Date and Time picker widget based on twitter bootstrap (supports Bootstrap v2 and v3)
- DateTime Picker · Bootstrap - Demo page
- uxsolutions/bootstrap-datepicker: A datepicker for twitter bootstrap (@twbs)
- flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies
- 精心挑选12款优秀的 JavaScript 日历和时间选择插件 - 梦想天空(山边小溪) - 博客园
- 16款最佳的 jQuery Time Picker 时间选择插件 - 梦想天空(山边小溪) - 博客园
- ClockPicker – 时钟风格 Bootstrap 时间选择器 - 梦想天空(山边小溪) - 博客园
- 原生js calendar日历控件点击text文本框弹出日期时间选择器
- 原生js calendar日历选择控件制作点击text文本框弹出日历选择器选择日期
- 原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间
- 原生JS calendar日历选择控件鼠标点击text文本框弹出日历选择器
- jquery datepicker日期选择插件鼠标点击text文本框弹出两排日期选择器代码
- jquery date选择日历控件鼠标点击text文本框弹出日期选择
- 原生js日期控件带时分秒点击text文本框选择日期时分秒
- jquery.datePicker日期选择器text文本框弹出日期表
datetimepicker
- amazeui/datetimepicker: Amaze UI styled bootstrap-datetimepicker.
- Amaze UI Datetime Picker | Amaze UI 插件
下拉选择器
multiple-select
- wenzhixin/multiple-select: A jQuery plugin to select multiple elements with checkboxes :)
- Multiple Select
- wenzhixin (文翼)
- Bootstrap Table Examples
- Multiple Select
bootstrap-multiselect
- davidstutz/bootstrap-multiselect: JQuery multiselect plugin based on Twitter Bootstrap.
- Bootstrap Multiselect
- davidstutz (David Stutz)
- 多选下拉控件multiselect使用小结 - CSDN博客
- JS组件系列——两种bootstrap multiselect组件大比拼 - 推酷
- Bootstrap Multiselect中文api - CSDN博客
- TerryZ/SelectPage: A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features
- TerryZ/SelectMenu: Simple, easily and diversity menu solution
- 自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项) - 天天无用 - 博客园
- 下拉菜单「点击外面关闭」的终极解决方案 - 掘金
- Selectize – 用于标签和下拉列表功能的选择控件 - 梦想天空(山边小溪) - 博客园
- Mega Dropdown - 带子分类的响应式下拉菜单 - 梦想天空(山边小溪) - 博客园
selectize.js
- selectize/selectize.js: Selectize is the hybrid of a textbox and <select> box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
- Selectize.js
FancySelect
- paulstraw/FancySelect: A better select for discerning web developers everywhere.
chosen
- Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
- harvesthq/chosen: Chosen is a library for making long, unwieldy select boxes more friendly.
DropKick
- Dropkick.js
- Robdel12/DropKick: A JavaScript plugin for creating beautiful, accessible, and painless custom dropdowns.
- Dropkick.js
ddSlick
- ddSlick - a jQuery plugin for custom drop down with images
- prashantchaudhary (Prashant Chaudhary)
select2
- select2/select2: Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
- Getting Started | Select2 - The jQuery replacement for select boxes
EasyDropDown
- patrickkunka/easydropdown: A lightweight library for building beautiful styleable <select> elements
- EasyDropDown – 很棒的下拉菜单,含精美主题 - 梦想天空(山边小溪) - 博客园
chosen
- amazeui/chosen: Amaze UI styled jQuery Chosen plugin.
- Amaze UI Chosen | Amaze UI 插件
distpicker
- Distpicker
- fengyuanchen/distpicker: A simple jQuery plugin for picking provinces, cities and districts of China. (中国 / 省市区 / 三级联动 / 地址选择器)
- 中国省市区地址三级联动jQuery插件
输入框
tagsinput
- amazeui/tagsinput: jQuery tags input plugin based on Amaze UI 2.x.
- Amaze UI Tags Input | Amaze UI 插件
开关切换
switch
- Amaze UI Switch | Amaze UI 插件
- amazeui/switch: Turn checkboxes and radio buttons in toggle switches. Forked from Bootstrap Switch.
SwitchButton
- kyleduo/SwitchButton: A cute widget of Switch Button for you to create beautiful and friendly UI.
搜索框定制
- welearnmore/chrome-extension-demos: 《Chrome Extension 入门指南》配套 Demos
- welearnmore/chrome-extension-book: 《Chrome Extension 入门指南》
书签
- 使用 CSS3 & jQuery 制作漂亮的书签动画 - 梦想天空(山边小溪) - 博客园
¥表单行为
表单填写进度提示效果
- Fort.js – 时尚、现代的表单填写进度提示效果 - 梦想天空(山边小溪) - 博客园
表单验证库
- 前端工具 - 15个最佳的 JavaScript 表单验证库 - 梦想天空(山边小溪) - 博客园
v8n
- imbrn/v8n: ☑️ JavaScript fluent validation library
- Introduction | v8n
validator.js
- chriso/validator.js: String validation
async-validator
- yiminghe/async-validator: validate form asynchronous
cleave.js
- Cleave.js – 自动格式化表单输入框的文本内容 - 梦想天空(山边小溪) - 博客园
实现拖放功能(Drag & Drop)
密码管理
buttercup-desktop
- buttercup/buttercup-desktop: Javascript Secrets Vault - Multi-Platform Desktop Application
- Buttercup
自动化表单
- jdorn/json-editor: JSON Schema Based Editor
- daniel-dx/json-editor-custom: Describe how to customize json-editor
- ncform/ncform: 🍻 ncform, a very nice configuration generation way to develop forms ( vue, json-schema, form, generator )
- pubkey/rxdb: ⛁ A realtime Database for JavaScript Applications
- rjsf-team/react-jsonschema-form: A React component for building Web forms from JSON Schema.
- json-schema-form/angular-schema-form: Generate forms from a JSON schema, with AngularJS!
- tdegrunt/jsonschema: JSON Schema validation
- APIDevTools/swagger-parser: Swagger 2.0 and OpenAPI 3.0 parser/validator
- diegohaz/schm: Composable schemas for JavaScript and Node.js
- APIDevTools/json-schema-ref-parser: Parse, Resolve, and Dereference JSON Schema $ref pointers in Node and browsers
- Limenius/symfony-react-sandbox: Example of integration with React and Webpack (Webpack Encore) for universal (isomorphic) React rendering, using Limenius/ReactBundle and Limenius/LiformBundle
- formio/angular-formio: JSON powered forms for Angular
- deliveryhero/serverless-aws-documentation: Serverless 1.0 plugin to add documentation and models to the serverless generated API Gateway
- korzio/djv: Dynamic JSON Schema Validator - Supports draft-04/06
- yourtion/vue-json-ui-editor: Edit JSON in UI form with JSON Schema and Vue.js
- bimohxh/jsonon: A json online view
- APIDevTools/swagger-cli: Swagger 2.0 and OpenAPI 3.0 command-line tool
- ismaelga/react-json-editor: A dynamic form component for react using JSON-Schema.
- farolfo/raml-server: run a mocked server JUST based on a RAML API's definition .. zero coding
- Limenius/liform-react: Generate forms from JSON Schema to use with React (& redux-form)
- cloudflare/json-schema-tools: Packages for working with JSON Schema and JSON Hyper-Schema
- epoberezkin/ajv-keywords: Custom JSON-Schema keywords for Ajv validator
- epoberezkin/ajv-errors: Custom error messages in JSON-Schema for Ajv
- wework/json-schema-to-openapi-schema: A little NodeJS package to convert JSON Schema to OpenAPI Schema Objects
- Jac21/SkillSet: ✨ Intuitive job-candidate skill visualization, taking advantage of D3.js and JSONResume.
- TechniqueSoftware/react-json-schema: Configure and build views using JSON schemas mapped to React components
- adobe/xdm: Experience Data Model
- win-winFE/dms: 基于Json Schema的动态Json数据配置平台
- benjamin-allion/json-node-normalizer: 'json-node-normalizer' - NodeJS module that normalize json data types from json schema specifications.
- formio/formio.js: JavaScript powered Forms with JSON Form Builder
- hardy12994/react-jsx-forms: JSX React Forms
¥列表
滑动删除
- html里列表滑动删除的实现如此简单 - 掘金
滚动列表
- Richard-Choooou/sticky-list-headers: sticky list headers, 滚动列表固定头部的库
多级列表树插件
zTree
- Home [zTree -- jQuery 树插件]
- API 文档 [zTree -- jQuery 树插件]
- zTree/zTree_v3: jQuery Tree Plugin
基于拖放的树形编辑器
- Treed – 基于拖放 操作的,强大的树形编辑器 - 梦想天空(山边小溪) - 博客园
bootstrap-treeview
- bootstrap-treeview中文API 以及后台JSON数据处理 - instr - 博客园
- bootstrap-treeview 中文api - CSDN博客
- bootstrap-treeview插件使用 - CSDN博客
- jQuery多级列表树插件bootstrap-treeview
- bootstrap-treeview | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- jonmiles/bootstrap-treeview: Tree View for Twitter Bootstrap -
- Bootstrap Tree View
- Bootstrap TreeView
tree
- amazeui/tree: jQuery tree plugin based on Amaze UI.
- Amaze UI Tree | Amaze UI 插件
dom-wait
- f/dom-wait: Complex Loader and Progress Management for Vanilla JS
- watir-dom-wait | RubyGems.org | Ruby 社区 Gem 托管
lining.js
- Lining.js
- Lining.js - 为CSS提供 ::nth-Line 选择器功能 - 梦想天空(山边小溪) - 博客园
$信息展现提示组件
¥信息提示库
HubSpot
- messenger
- HubSpot/messenger: Growl-style alerts and messages for your app. #hubspot-open-source
iosOverlay.js
- iosOverlay.js
- taitems/iOS-Overlay: iOS Overlay/Notification Plugin for the Web!
prompts
- terkelg/prompts: ❯ Lightweight, beautiful and user-friendly interactive prompts.
popper.js
- popperjs/popper.js: A kickass library to manage your poppers
- Popper.js
¥ContextMenu
bootstrap-contextmenu
- JS组件系列——Bootstrap右键菜单解决方案:ContextMenu - 懒得安分 - 博客园
- sydcanem/bootstrap-contextmenu: Context menu plugin for Twitter's Bootstrap framework
jQuery-contextMenu
- swisnl/jQuery-contextMenu: jQuery contextMenu plugin & polyfill
- jQuery contextMenu (2.x)
- 基于contextMenu的右键菜单demo-CSDN下载
- jQuery contextMenu使用 - 今木。非昔木 - 博客园
- 如何使用jQuery-ContextMenu实现右击菜单 - StarryFan - 博客园
- jquery-contextmenu - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!
ContextMenu
- JQuery右键菜单插件ContextMenu使用指南 - 三味线的铲屎官的博客 - CSDN博客
- Jquery 右键菜单(ContextMenu)插件使用记录 - 技术狂 - 博客园
- A Beautiful Site
¥弹窗效果
sweetalert
- sweetalert | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- SweetAlert-js超酷消息警告框插件_jQuery之家-自由分享jQuery、html5、css3的插件库
- SweetAlert - 演示6种不同的提示框效果 - 素材火
- t4t5/sweetalert: A beautiful replacement for JavaScript's "alert"
- sweetalert2/sweetalert2: A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.
- SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes
- pedant/sweet-alert-dialog: SweetAlert for Android, a beautiful and clever alert dialog
- sweet-alert-dialog/README.zh.md at master · pedant/sweet-alert-dialog
- SweetAlert
- SweetAlert2中文 —— 一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JavaScript弹窗
模态窗口弹出效果
- 分享20个华丽的模态窗口弹出效果示例 - 梦想天空(山边小溪) - 博客园
离开网站时显示模态弹窗
- Ouibounce – 在用户离开你网站时显示模态弹窗 - 梦想天空(山边小溪) - 博客园
全屏模态窗口
- AnimatedModal.js – CSS3 全屏模态窗口 - 梦想天空(山边小溪) - 博客园
bDialog
- TerryZ/bDialog: Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask and toast types
- bDialog可多层嵌套,高定制化的模态窗口
jQuery Modal(模态窗口)插件
- 15款最好的 jQuery Modal(模态窗口)插件 - 梦想天空(山边小溪) - 博客园
Remodal
- vodkabears/Remodal: No longer actively maintained.
- Remodal v1. The modal done right.
popeasy
- Pop Easy
- tgrauer/popeasy
jQuery Popdown Plugin
- Wixel/jquery-popdown: A super simple jQuery popdown plugin
jQUery Custombox
- jQuery基础之custombox弹出框 - CSDN博客
- Home | Custombox
- JQuery扩展之CustomBox.js-布布扣-bubuko.com
- Custombox | jQuery Plugin Registry
- dixso/custombox: Modal window effects with transitions CSS3.
Simple Modal
- plasm/simplemodal: Modal window
- ericmmartin/simplemodal: A modal dialog framework for jQuery
- FinelySliced/leanModal.js: A super simple JQuery plugin for modal windows.
- saribe/eModal: Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.
- Lean Modal
Boxer
- FormstoneClassic/Boxer: A jQuery plugin for displaying images and content in a modal overlay.
- Lightbox · Formstone
- Boxer Demo
Reveal
- Reveal: jQuery Modal Plugin | Playground from ZURB
- zurb/reveal
jQuery SuperBox
- jQuery SuperBox
- bpierre/jquery-superbox: [INACTIVE] jQuery Superbox! is a script which allows you display windows with the lightbox effect.
Bootstrap Image Gallery
- blueimp/Bootstrap-Image-Gallery: This project is deprecated in favor of blueimp Gallery.
- michaelsoriano/bootstrap-photo-gallery: jQuery plugin that converts your list of images into a grid-based gallery on Bootstrap 4. Supports larger view in a modal with next / previous controls
Avgrund.js
- voronianski/jquery.avgrund.js: Avgrund is jQuery plugin with new modal concept for popups
- Avgrund Modal
The Modal
- The modal demo
- samdark/the-modal: Proper modal boxes
- joaopereirawd/animatedModal.js: animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.
- kylefox/jquery-modal: The simplest possible modal for jQuery
ModalBox.js
- s-yadav/modalBox.js: A very light weight and minimal plugin to display modal window.
- modalBox.js
MsgBox-jQuery-Plugin
- 基于jQuery的简单消息框MsgBox插件 - oxcow的专栏 - CSDN博客
- iyiguo.net/blog/2012/05/04/jquery-msgbox-plugin/
- oxcow/MsgBox-jQuery-Plugin: jQuery MsgBox Plugin
Vex
- vex – Beautiful, functional, modal dialogs in Javascript
- HubSpot/vex: A modern dialog library which is highly configurable and easy to style. #hubspot-open-source
多层滑出菜单插件
Multi-Level Push Menu
- Multi-Level Push Menu v2.1.4, https://github.com/adgsm/multi-level-push-menu
- adgsm/multi-level-push-menu: MultiLevelPushMenu jQuery Plugin implementation
bootboxjs
- Bootbox.js — alert, confirm and flexible dialogs for the Bootstrap framework
- makeusabrew/bootbox: Wrappers for JavaScript alert(), confirm() and other flexible dialogs using Twitter's bootstrap framework
- LDialog-jquery弹窗插件 | Luojh的博客
- luojh.me/LDialog/html/index.html
- BasicModal - 简单易用的现代 Web App 弹窗 - 梦想天空(山边小溪) - 博客园
- jschr/bootstrap-modal: Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.
- 原生jQuery对话框插件dialogBox
- easyDialog v2.0 演示与说明
- 简单的响应式纯js消息通知插件_jQuery之家-自由分享jQuery、html5、css3的插件库
¥ProgressBar
H5粒子效果进度条
- 简直要逆天!超炫的 HTML5 粒子效果进度条 - 梦想天空(山边小溪) - 博客园
ProgressBar.js
- ProgressBar.js - Progress bars with JavaScript
- kimmobrunfeldt/progressbar.js: Responsive and slick progress bars
- ProgressBar.js – 漂亮的响应式 SVG 进度条
- ProgressBar.js - Progress bars with JavaScript
- bug7a/progressbar.js: (Javascript) Animated, multiple progress bar control and tiny chart (sparkline)
progress.js
- Progress.js - Themeable progress bar library
- usablica/progress.js: ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.
nprogress
- rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc
页面加载进度指示和Ajax导航效果
- PACE — Automatic page load progress bars
- HubSpot/pace: Automatically add a progress bar to your site. #hubspot-open-source
Sonic
- Azure/SONiC: Landing page for Software for Open Networking in the Cloud (SONiC) - http://azure.github.io/SONiC/
- padolsey/sonic.js: Create loopy loading animations
- Software for Open Networking in the Cloud - SONiC
- Sonic Creator - Create your own canvas/gif/css3 loader
- aarondo/progression.js: A jQuery plugin that gives users real time hints & progress updates as they complete forms
- craigbuckler/progressive-image.js: A lazy-loading progressive image similar to those seen on Facebook and Medium.
- qiao/ProgressCircle.js: A progress indicator in HTML5 canvas
- processing/p5.js-web-editor: In progress p5.js web editor, coming soon.
- m42e/impress.js-progress: Progressbar and pagexounter for impress.js presentation
- mdix/progress.js: A (animated) javascript progress bar without dependencies.
- ejb/progressor.js: Lightweight, customisable progress bars for HTML5 video & audio
¥分步骤插件
页面引导
powertour
- Power Tour - A powerful and creative jQuery tour solution plugin
bootstro.js
- clu3/bootstro.js: Tiny JS library using bootstrap's popovers to help guide your users around your website
- Bootstro.js demo
crumble
- tommoor/crumble: Crumble makes it easy to create feature tours in your website or app.
- Crumble - jQuery Feature Tours
grumble.js
- jamescryer/grumble.js: jQuery plugin to add 360 rotatable bubble style tooltips
- Examples and documentation on grumble.js
TourTip
- jQuery引导插件TourTip
PageGuide.js
- PageGuide.js – Interactive Guide for Web Page Elements using jQuery and CSS3 | jQuery Plugins
- jQuery的页面功能向导插件-Pageguide.js-幸凡学习网
- PageGuide.js交互式的可视化网页向导组件_问说网_新浪博客
- tracelytics/pageguide: An interactive guide for web page elements using jQuery and CSS3
- 漂亮的jQuery页面向导插件 - Pageguide.js - akaka88的专栏 - CSDN博客
- 帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js - igeekbar - 博客园
- Pageguide by SolarWinds
- jQuery.PageGuide, by Sprint.ly
Producttour.js
- jQuery Producttour.js
Pagetour
- jQuery Pagetour | jQuery Plugin Registry
Website Tour with jQuery
- Website Tour with jQuery
jQuery TourBus
- jQuery TourBus
Trip.js
- EragonJ/Trip.js: Trip.js is a plugin that can help you customize a tutorial trip easily with more flexibilities.
- Trip.js | jQuery Plugin Registry
- Trip.js
Intro.js
- Intro.js - Step-by-step guide and feature introduction for your website
- usablica/intro.js: A better way for new feature introduction and step-by-step users guide for your website and project.
joyride
- jQuery Joyride Plugin | Playground from ZURB
pagewalkthrough
- 引导插件步骤:pagewalkthrough实例 - 圆静居士的专栏 - CSDN博客
Bootstrap Tour
- API Documentation · Bootstrap Tour
- Bootstrap Tour
- Chaperone - The easiest, proven way to guide people through online tasks
- sorich87/bootstrap-tour: Quick and easy product tours with Twitter Bootstrap Popovers
- div+css布局制作横向带箭头步骤流程样式
- 简洁的css3响应式步骤导航条样式
- jQuery页面引导插件制作搜索页面步骤引导代码
- jQuery带步骤网站注册表单填写验证代码
- js修改绑定手机号码页面步骤代码
- jQuery响应式选项卡步骤向导插件
- jQuery遮罩弹出带步骤流程窗口代码
¥浮动标签模式
floatlabels.js
- probots-io/floatlabels.js: Follows the famous Float Label Pattern. Built on jQuery.
- floatlabels.js by Probots
- lollipopfly/Floatlabels.js: Responsive float labels
$工具栏、导航栏
Toolbar.Js
- Toolbar.js - jQuery plugin to create tooltip style toobars
- paulkinzett/toolbar: A tooltip style toolbar jQuery plugin
¥底部导航栏TabLayout
- 一行代码实现底部导航栏TabLayout - 简书
- juexingzhe/TestFragmentTabHost
- ithuangqing/ItHqSimpleTabLayout: TabLayout+ViewPager的简单封装,实现页面的左右滑动,适合新手练习使用!三行代码即可实现Tab滑动选项效果,快来试试吧!
$文本类
¥汉字转拼音
- huaxinjiayou/js-pinyin: js汉字转拼音
- jhs1873/font-as-firstPinyin: 输入汉字转换成拼音首字母js代码
¥文本超出隐藏
shave
- dollarshaveclub/shave: 💈 Shave is a 0 dep JS plugin that truncates text to fit within an element based on a set max-height ✁
- Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set max-height.
¥实现复制文本到剪贴板功能
clipboard.js
- zenorocha/clipboard.js: Modern copy to clipboard. No Flash. Just 3kb gzipped
- clipboard.js — Copy to clipboard without Flash
- Clipboard.js – 现代方式实现复制文本到剪贴板 - 梦想天空(山边小溪) - 博客园
- clipboard - npm
clipboardy
- clipboardy - npm
- sindresorhus/clipboardy: Access the system clipboard (copy/paste)
- Copy It – Zero Clipboard
¥ASCII 字符画
- AsciiMorph - 新奇的 ASCII 字符画生成工具&插件 - 梦想天空(山边小溪) - 博客园
¥字体、文件、文档
DOM注释
- Dom Animator – 提供 Dom 注释动画的 JS 库 - 梦想天空(山边小溪) - 博客园
网页字体排版
- Type.js – 帮助你更好的控制网页字体排版 - 梦想天空(山边小溪) - 博客园
注释
- 有趣的注释,总有你喜欢的那款 - 掘金
- h-blog/hehe.js at master · HCThink/h-blog
- HCThink/h-blog: js, javascript, blog, typescript, node, koa...
Sheets
mintable
- kevinschaich/mintable: Roll-your own Mint clone for managing personal finances using the Google Sheets and Plaid APIs.
x-spreadsheet
- myliang/x-spreadsheet: a javascript spreadsheet for web
创建互动的,有吸引力的故事
- Odyssey.js
- What Font Is - the best font finder tool
¥文本效果
- bradley/Blotter: A JavaScript API for drawing unconventional text effects on the web.
文本高亮
- julmot/mark.js: JavaScript keyword highlighting. Mark text with with options that fit every application. Also available as jQuery plugin.
- mark.js – JavaScript keyword highlight
文本旋转插件
- Arctext.js - 基于 CSS3 & jQuery 的文本弯曲效果 - 梦想天空(山边小溪) - 博客园
¥编辑器相关
所见即所得编辑器
WYSIWYG
- Trumbowyg - 轻量的 WYSIWYG 编辑器 - 梦想天空(山边小溪) - 博客园
- Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode
- Alex-D/Trumbowyg: A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)
- ContentTools – 所见即所得(WYSIWYG)编辑器 - 梦想天空(山边小溪) - 博客园
summernote
- summernote/summernote: Super simple WYSIWYG editor
- Summernote - Super Simple WYSIWYG editor
可嵌入的JS Markdown编辑器
- epiceditor.com
pell
- pell - jaredreich.com
- jaredreich/pell: 📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies
- pell/pell.js at master · jaredreich/pell
- 不到200行 JavaScript 代码如何实现富文本编辑器 | 吴锴的博客
markdown-js
- markdown - npm
markdown-it
- markdown-it - npm
marked
- marked - npm
editor.md
- pandao/editor.md: The open source embeddable online markdown editor (component).
- Editor.md - 开源在线 Markdown 编辑器
$富文本编辑器
quill
vue-quill-editor
toolbar
image
- 解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题_vue.js_脚本之家
- vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决 - 灿爷的前端之路 - 博客园
- vue-quill-editor实现图片上传功能_vue.js_脚本之家
- vue.js - vue-quill-editor 编写文章的时候,插入图片过多,会返回错误,这是为什么? - SegmentFault 思否
- (5条消息)在vue中Quill富文本编辑器的使用(主题、自定义工具栏、自定义字体选项、图片拖拽上传、图片改变大小) - Alison_Rose - CSDN博客
- surmon-china/vue-quill-editor: 🍡@quilljs editor component for @vuejs
- vue-quill-editor
- vue-quill-editor富文本编辑器简单使用方法_vue.js_脚本之家
- Vue中Quill富文本编辑器的使用教程_vue.js_脚本之家
- vue如何安装使用Quill富文本编辑器_vue.js_脚本之家
- vue富文本编辑器组件vue-quill-edit使用教程_vue.js_脚本之家
- Vue项目中quill-editor带样式编辑器的使用方法_vue.js_脚本之家
- Vue-Quill-Editor富文本编辑器的使用教程_vue.js_脚本之家
- vue中安装使用Quill富文本编辑器 - Alison_Rose - CSDN博客
- VueQuillEditor 如何添加自定义字体? - 代码 - 卜卜口
- vue-quill-editor 富文本集成quill-image-extend-module插件实例,以及UglifyJsPlugin打包抱错问题处理 - 掘金
quill-markdown-shortcuts
- patleeman/quill-markdown-shortcuts: Quill.js module that converts markdown to rich text formatting while typing.
- aral/quill-markdown-shortcuts-for-vue-quill-editor: Fork of Quill.js module that converts markdown to rich text formatting while typing. Optimised for vue-quill-editor and Vue/Nuxt. Demo of the original:
- quill-markdown-shortcuts - npm
- Quill Markdown Shortcuts
quill-autoformat
- Weavy/quill-autoformat: Module for formatting and transforming text as you type in Quill
quilljs-table
- dost/quilljs-table: Table functionality for quilljs
quill-markup
- jmquigley/quill-markup: A markup highlighting module for the Quill text editor
quill-mentions
- brettimus/quill-mentions: mentions module for quilljs
quill-task-list
- koffeinfrei/quill-task-list: A task list module for the quill editor
quill-image-extend-module
- NextBoy/quill-image-extend-module: vue-quill-editor的增强模块,提供图片上传,复制插入,拖拽插入,支持与其他模块一起使用
- quill-image-extend-module - npm
- quill-image-extend-module2 - npm
quill-emoji
- contentco/quill-emoji: Quill module toolbar extension for emoji
- quill-emoji - npm
- quill-emoji/emoji-list.js at master · contentco/quill-emoji
quill-image-drop-module
- kensnyder/quill-image-drop-module: A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor.
- quill-image-drop-module - npm
- quill-image-drop-module 打包失败解决办法 - csdnwyn314的博客 - CSDN博客
- quill-image-drop-module 图片粘贴的兼容性问题 - csdnwyn314的博客 - CSDN博客
quill-image-resize-module
- kensnyder/quill-image-resize-module: A module for Quill rich text editor to allow images to be resized.
- quill-image-resize-module - npm
- cannot import ImageResize from 'quill-image-resize-module'; · Issue #65 · kensnyder/quill-image-resize-module
- Cannot read property 'imports' of undefined Nuxtjs/SSR · Issue #28 · kensnyder/quill-image-resize-module
- ImageResize is undefined after import · Issue #20 · kensnyder/quill-image-resize-module
- with Angular4, TypeError: Cannot read property 'imports' of undefined · Issue #16 · kensnyder/quill-image-resize-module
- Using Quill and React `TypeError: window.Quill is undefined` error · Issue #14 · kensnyder/quill-image-resize-module
- Can't find variable: Quill when registering Quill modules · Issue #171 · surmon-china/vue-quill-editor
- 'imports' of undefined · Issue #7 · kensnyder/quill-image-resize-module
delta
- quilljs/delta
支持表格
- QuillJs扩展使用——富文本编辑支持表格 - 简书
多媒体编辑器
- 大量图片base64储存问题 · Issue #21 · surmon-china/vue-quill-editor
- 对Quill富文本插件上传图片修改,调整部分功能 - 码农的自我修养 - CSDN博客
- quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.
- quill 2.0.0-dev.3 on npm - Libraries.io
- https://cdn.quilljs.com/2.0.0-dev.3/quill.js
- https://cdn.quilljs.com/2.0.0-dev.2/quill.js
- quill/toolbar.md at develop · quilljs/quill
- Quill - Your powerful rich text editor
- Toolbar Module - Quill Rich Text Editor
- Cloning Medium with Parchment - Quill
- quill 富文本编辑器自定义格式化 - 掘金
- 自定义总结 · Quill中文文档
- Quill编辑器介绍及扩展 - czd890 - 博客园
- Quill – 可以灵活自定义的开源的富文本编辑器 - 梦想天空(山边小溪) - 博客园
MediumEditor
- MediumEditor
- yabwe/medium-editor: Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
ckeditor
- CKEditor Ecosystem
- CKEditor | Smart WYSIWYG HTML editor | Collaborative rich text editor
qunee
- Qunee for HTML5 - 开发清新、高效的拓扑图组件
layout.border
- samsha/layout.border: border layout for html
graph.editor
- samsha/graph.editor: HTML5拓扑图编辑器
- Simditor
- Web聊天工具的富文本输入框 - 掘金
- [译] 前端组件设计原则 - 掘金
This is 图片&文件&上传&下载类
$上传
WebUploader
大文件分段上传
- js大文件分段上传并获取文件md5 - 52.0Hz的博客 - CSDN博客
- web前端分片上传demo(基于webuploader) - - ITeye博客
- fex-team/webuploader: It's a new file uploader solution!
- WebUploader 解决文件多次上传和删除上传文件的问题 - 二奎 - 博客园
- 关于webuploader插件使用过程遇到的小问题_jquery_脚本之家
uploadify
- jquery.uploadify文件上传组件 - 迪克猪 - 博客园
- HTML5 File Upload Script, jQuery Multiple File Upload Plugin - Uploadify / UploadiFive - Uploadify
- JQuery上传插件Uploadify使用详解 - oec2003 - 博客园
- jQuery上传插件uploadify中文文档 - CSDN博客
- Springmvc+uploadify实现文件上传 - CSDN博客
- uploadify上传插件完整Demo(包括后台) - CSDN博客
- 基于HTML5的jquery文件上传插件
jQuery File Uploader
- danielm/uploader: A lightweight and very configurable jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.
- jQuery Ajax File Uploader Widget
- blueimp/jQuery-File-Upload: File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side
- jQuery File Upload Demo
Dropzone.js-拖放上传&即时图片预览
- Dropzone.js
- Home · Wiki · Matias Meno / Dropzone · GitLab
- enyo/dropzone: Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
Resumable.js
- Resumable.js, JavaScript magic for simultaneous, stable and resumable uploads
- 23/resumable.js: A JavaScript library for providing multiple simultaneous, stable, fault-tolerant and resumable/restartable uploads via the HTML5 File API.
fine-uploader
- FineUploader/fine-uploader: Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
- Fine Uploader Javascript Upload Library
uploadify
- i5ting/uploadify: uploadify = express && koa 2 uploadify with jquery fileupload
Huploadify
- Double-Lv/Huploadify: jQuery文件上传插件,HTML5版uploadify,保持与uploadify一致的API
react-fine-uploader
- FineUploader/react-fine-uploader: Easily integrate Fine Uploader or Fine Uploader S3 into a React app. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI.
Simple-Ajax-Uploader
- LPology/Simple-Ajax-Uploader: Javascript file upload plugin with progress bar support. Works in all major browsers, including IE7+, Chrome, Firefox, Safari, and Opera. No dependencies - use it with or without jQuery.
droply-js
- aelbuni/droply-js: Droply JS, a new responsive and cross browser chunk uploader with DragDrop and File Preview capabilities (HTML5/CSS3)
- Droply.js - Minimal PHP file upload script | iTechFlare
uppy
- transloadit/uppy: The next open source file uploader for web browsers
- Uppy File Uploader
filepond
- pqina/filepond: 🌊 A flexible and fun JavaScript file upload library
- Easy File Uploading With JavaScript | FilePond
uploader
- kissygalleryteam/uploader: 异步文件上传组件
上传汇总
- ajax上传_专题_脚本之家
- javascript文件上传_专题_脚本之家
- jQuery上传_专题_脚本之家
- HTML5 input file类型,accept(文件类型控制) - CSDN博客
¥signal upload
- hishion/mbUploadify: html5移动端文件、图片上传插件
- xjflyttp/yii2-uploadify-widget
- Elhebert/vue-fineuploader: Easily integrate Fine Uploader into a VueJS 2 app. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI.
- pekebyte/pekeUpload: jQuery html5 file uploader plugin
- MicheleBertoli/jquery-html5-uploader: jQuery drag&drop file uploader
- fengyuanchen/uploader: A simple jQuery file uploading plugin.
- jalagrange/bootstrap_uploader: JQuery File Upload Demo
- Rocketseat/youtube-upload-nodejs-reactjs-backend: Código produzido durante o vídeo sobre criação do backend de uma aplicação de upload de imagens com NodeJS e ReactJS.
- dianbaer/anyupload: anyupload是一个极度纯净的上传插件,通过简单调整就可以融入到任何项目,支持多文件上传、上传速率动态控制、真实进度监控kb/s、分块生成MD5、分块上传、MD5校验秒传、暂停、
- ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 - Chen.H - ITeye博客
- Java Web使用Html5 FormData实现多文件上传 - 陈无问 - 博客园
- input的file类型的accept属性的值 - CSDN博客
$下载
TableExport
- clarketm/TableExport: The simple, easy-to-implement library to export HTML tables to xlsx, xls, csv, and txt files.
- TableExport · TableExport
download
- rndme/download: file downloading using client-side javascript
FileSaver.js
- eligrey/FileSaver.js: An HTML5 saveAs() FileSaver implementation
download-client-listener
- wuxianjiezh/download-client-listener: 监听浏览器文件下载事件的插件
- 2016 - the year of web streams - JakeArchibald.com
- 这应该是你见过的最全前端下载总结 - 掘金
- 前端文件下载通识篇 - 掘金
- 二进制数组实战 - 纯前端导出Excel文件 - 掘金
- 前端js实现字符串/图片/excel文件下载 - 个人文章 - SegmentFault 思否
- 聊聊前端文件下载 - 掘金
- 前端实现文件下载和拖拽上传 - 掘金
$电子签名
jSignature
- jQuery手写签名插件jSignature
- jSignature签字板保存为图片 - CSDN博客
- 用canvas的toDataURL()将图片转为dataURL(base64) - 简书
- jSignature签字板保存为图片 - 疾风追梦 - 博客园
- jSignature签字板保存为图片 - 疾风追梦 - 博客园
- Data URI scheme - Wikipedia
signature_pad
- szimek/signature_pad: HTML5 canvas based smooth signature drawing
- Signature Pad demo
- signature_pad CDN by jsDelivr - A CDN for npm and GitHub
- canvas画笔功能 Signature PadScript - 阿里云
$QRcode
qart.js
- kciter/qart.js: Generate artistic QR code. 🎨
- QArt.js Example
qrcodejs
- davidshimjs/qrcodejs: Cross-browser QRCode generator for javascript
- qrcode.js
- qrcode.js使用js生成二维码(并下载)的实践 - 简书
- 使用JavaScript 生成二维码:QRCode.js - 简书
- QRCode.js 生成二维码 - 前端开发仓库
jquery.qrcode.js
- jquery.qrcode.js生成二维码插件&转成图片格式 - CSDN博客
- jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services)
- 生成二维码的 jQuery 插件:jquery.qrcode.js
- 使用 Docker 和 Node 快速实现一个在线的 QRCode 解码服务 - 掘金
$图片类
渐进式图片加载
图片类型转换&压缩相关
理论依据
- 前端html img src base64 的data 的类型参数 - CSDN博客
- 你知道前端对图片的处理方式吗? - 掘金
- 小tip: base64:URL背景图片与web页面性能优化 « 张鑫旭-鑫空间-鑫生活
- 关于图片或者文件在数据库的存储方式归纳 - 王滔 - 博客园
- 玩转图片流 - 前端 - 掘金
- Base64编码原理与应用
- 前端图片压缩及上传 - 掘金
- 如何使用js将canvas保存为图片文件,并且可以自定义文件名 - CSDN博客
- canvas元素内容生成图像文件 - 江湖夜雨十年灯 - SegmentFault 思否
- 关于base64编码的原理及实现 - 岑安 - 博客园
- Convert Image to Data URI with JavaScript
- html base64 img 图片显示 - lgh1117的专栏 - CSDN博客
- 图片的三种表现形式,url,base64,blob以及相互转化 · Issue #9 · heightzhang/Reading-and-Reality
imageResizeTool
- WangYuLue/imageResizeTool: 一个简单易用的JS图片压缩方法
- JS中图片压缩的一般方法 - CSDN博客
canvas2image
- hongru/canvas2image: a tool for saving or converting canvas as img
ImageResizer.js
- 分享一个前端等比压缩图片插件 - CSDN博客
图片压缩
jpegmini
- JPEGmini - Reduce file size, not quality
- 12个用于网站性能优化的最佳的图片压缩工具 - 梦想天空(山边小溪) - 博客园
图片占位符
- Unsplash.it - 实用的图片占位符,支持个性化设置 - 梦想天空(山边小溪) - 博客园
- Lorem Picsum
图片裁剪插件
croppic
- croppic
- sconsult/croppic: croppic
- Cropper – 简单的 jQuery 图片裁剪插件 - 梦想天空(山边小溪) - 博客园
提供各种图片处理
- CamanJS – 提供各种图片处理的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- chenfengyanyu/electron-ocr: OCR(Optical Character Recognition), Electron, Tools
- js计算图片内点个数 - 掘金
提取图像颜色
- Codrops 实验:使用 Vibrant.js 提取图像颜色 - 梦想天空(山边小溪) - 博客园
图像浏览插件
viewerjs
- fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.
- fengyuanchen/viewerjs: JavaScript image viewer.
- Viewer.js
- Intense Images – 全屏浏览图像的 JS 插件 - 梦想天空(山边小溪) - 博客园
图片特效插件
- 【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件 - 梦想天空(山边小溪) - 博客园
- 8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
- 精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
- 网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
- S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园
图片保存
- H5 实现保存图片的采坑记录 · Issue #8 · whinc/blog
轮播图
iSlider
- iSlider by BE-FE
- be-fe/iSlider: Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
slip.js
- binnng/slip.js: 移动端跟随手指滑动组件,零依赖。
- Slip.js
OwlCarousel2
- OwlCarousel2/OwlCarousel2: jQuery Responsive Carousel.
- Home | Owl Carousel | 2.3.4
WebSlides
- webslides/WebSlides: Create HTML presentations in seconds —
- WebSlides: Create Beautiful HTML Presentations
- jquery旋转木马插件SLICK
- jQuery轮播插件slider
图片滑动
PhotoSwipe
- dimsemenov/PhotoSwipe: JavaScript image gallery for mobile and desktop, modular, framework independent
- PhotoSwipe: Responsive JavaScript Image Gallery
- 兼容移动端和PC端的图片滑动切换展示效果:PhotoSwipe_Helloweba
slippry
- Slippry - A responsive slider by booncon
- booncon/slippry: Responsive slider plugin for jQuery
WordPress Gallery画廊插件
- 25个最佳的 WordPress Gallery 画廊插件 - 梦想天空(山边小溪) - 博客园
全屏看图
- tholman/intense-images: A simple library to view large images up close using simple mouse interaction, and the full screen.
创建响应式的 CSS渐变
- Gradify - 提取图片颜色,创建响应式的 CSS渐变 - 梦想天空(山边小溪) - 博客园
图片悬浮
- Treast/puffin.js: A new way to hover images
瀑布流
masonry
- desandro/masonry: Cascading grid layout plugin
- masonry.desandro.com
- Masonry--“瀑布流” 布局(图片较多,推荐在WIFI下查看) - CJc917 - 博客园
- Metro风兼瀑布流布局效果 - 懒人之家
跑马灯效果
powerSwitch
- zhangxinxu/powerSwitch: 万能切换插件,选项卡、跑马灯、手风琴、无限切换都不在话下~
- jQuery powerSwitch万能slide(切换)插件 « 张鑫旭-鑫空间-鑫生活
全景展示插件
- peachananr/panorama_viewer: Embed panorama photos on your website with Panorama Viewer
- jQuery Panorama Viewer by Pete R. | The Pete Design
- 【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件 - 梦想天空(山边小溪) - 博客园
图片特效插件
图片放大镜效果
Magnifier.js
- Magnifier.js demo
- mark-rolich/Event.js: Unifies event handling across browsers
- mark-rolich/Magnifier.js: Javascript library enabling magnifying glass effect on an images
- 8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
- 精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
- 网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
- S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园
图片倒影
- reflex.js (javascript cover flow image effect)
灯箱效果
- LightGallery.js – 功能齐全的 Javascript Lightbox - 梦想天空(山边小溪) - 博客园
- Chocolat.js – 响应式的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
- 推荐15款响应式的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
- 轻量的、可自定义 CSS 的 Lightbox 相册插件 - 梦想天空(山边小溪) - 博客园
Magnific Popup
- dimsemenov/Magnific-Popup: Light and responsive lightbox script with focus on performance.
- Magnific Popup
imagelightbox.js
- osvaldasvalutis/imagelightbox.js: A JavaScript library for touch-friendly image lightbox.
- Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis
$HTMLTo
html2svg
- MrPeak/html2svg: Convert html to svg.
html2canvas
- Releases · niklasvh/html2canvas
- html2canvas - Screenshots with JavaScript
- 基于html2canvas实现网页保存为图片及图片清晰度优化 - 小云朵 - SegmentFault 思否
- 基于html2canvas实现网页保存为图片及图片清晰度优化 - CSDN博客
- 基于html2canvas实现网页保存为图片及图片清晰度优化 - 代码片段 - 码云 Gitee.com
- vue中完美解决html2canvas图片跨域问题_weixin_33885253的博客-CSDN博客
$canvas&svg相关
canvg
- canvg处理svg转png - CSDN博客
- nathan-muir/canvgc: a nodejs tool for compiling SVG to html5 CanvasRenderingContext2D commands.
- canvg/canvg: Javascript SVG parser and renderer on Canvas
canvas libs
canvas绘图库
literallycanvas
- literallycanvas/literallycanvas: A canvas in your browser. Literally.
- Literally Canvas — Literally Canvas v0.4.14 docs - HTML5 drawing board - MS Paint in your web browser
spritejs
- CSS 样式 - spritejs - A lightweight 2D canvas rendering engine for modern browsers with ES6+.
- spritejs/spritejs: A cross-platform lightweight 2D render object model.
- spritejs - A lightweight 2D canvas rendering engine for modern browsers with ES6+.
- spriteJS: SpriteJS 是一款由 360 奇舞团开源的跨终端 canvas 绘图库,可以基于 canvas 快速绘制结构化 UI 、动画和交互效果,并发布到任何拥有 canvas 环境的平台上(比如浏览器、小程序和 node )
- omi/packages/omi-sprite at master · Tencent/omi
Fabric.js
- Fabric.js Javascript Canvas Library
- fabricjs/fabric.js: Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
- Canvas实用库Fabric.js使用手册 - 掘金
- Canvas实用库Fabric.js使用手册 - 前端随记 - SegmentFault 思否
- Mikhus/canvas-gauges: HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.
- hustcc/canvas-nest.js: Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.
- 如何使用 HTML5 Canvas 制作水波纹效果 - 梦想天空(山边小溪) - 博客园
svg背景图案
- Trianglify - 生成五彩缤纷的 SVG 背景图案 - 梦想天空(山边小溪) - 博客园
- Lottie Web SVG 动画源码浅析以及对应原生实现 – NewbieWeb
saveSvgAsPng
- exupero/saveSvgAsPng: Save SVGs as PNGs from the browser.
TicketMap
- Hecoffee/TicketMap: 类似淘票票 选座功能(svg)
WebGL
- jagenjo/webglstudio.js: A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more.
- WebGL基础教程:第一部分 - 掘金
- WebGL基础教程:第二部分 - 掘金
- WebGL基础教程:第三部分 - 掘金
- 20个不可思议的 WebGL 示例和演示 - 梦想天空(山边小溪) - 博客园
- WebGL 纹理颜色原理 - 掘金
- WebGL 3D 入门系列:绘制渐变三角形 --- 深入理解缓冲区 - 掘金
- WebGL 3D 入门与实践 --- 坐标系变换 :基本变换原理与算法实现 - 掘金
- WebGL 3D 入门与实践: CSS 中的 3D 属性 - 掘金
babylonjs
- BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript
- 【Babylonjs】起步 - WEBGL - CSDN博客
- 【温故知新】——BABYLON.js学习之路·前辈经验(一) - 柳洁琼Elena - 博客园
- 【温故知新】——BABYLON.js学习之路·前辈经验(二) - 柳洁琼Elena - 博客园
- 【开发总结】—— BABYLON 项目开发必备系列 - 柳洁琼Elena - 博客园
- 【开发总结】—— BABYLON 3D开发常见问题及解决方法 - 柳洁琼Elena - 博客园
- 【DQ冰淇淋】—— Babylon 冰淇淋三维互动营销项目总结 - 柳洁琼Elena - 博客园
- BabylonJS/Babylon.js: Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
矢量图形库
mondrian
- artursapek/mondrian: Web-based vector graphics editor
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程 - 梦想天空(山边小溪) - 博客园
- Introduction to Raphaël.js - HTML5 Rocks
- An Introduction to the Raphael JS Library
- SVG Drawing Animation - SVG 绘制动画 - 梦想天空(山边小溪) - 博客园
- 推荐15款制作 SVG 动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- 推荐8个实现 SVG 动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- 带给你灵感:30个超棒的 SVG 动画展示【上篇】 - 梦想天空(山边小溪) - 博客园
- 带给你灵感:30个超棒的 SVG 动画展示【下篇】 - 梦想天空(山边小溪) - 博客园
- 类似 Dribbble 下载按钮的 SVG 弹性动画进度条 - 梦想天空(山边小溪) - 博客园
- 学习使用 SVG 创建材料设计涟漪(Ripple)效果 - 梦想天空(山边小溪) - 博客园
- DrawSVG - SVG 路径动画 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- Lazy Line Painter – 很有趣的 jQuery 路径动画插件 - 梦想天空(山边小溪) - 博客园
- Lazy Line Painter
svg-gradient-map
- yoksel/svg-gradient-map: 🌈 Tool for creating SVG Filters with Gradient Map
- SVG Gradient Map Filter
手势解锁
- h5使用canvas画布实现手势解锁 - 前端 - 掘金
canvas-img-process
- ssshooter/canvas-img-process: html5 canvas image process ( 3*3 kernel ) canvas卷积核测试 canvas图片后期
- Add dpi/scale options for custom resolution by eKoopmans · Pull Request #1087 · niklasvh/html2canvas
- CanvasPod/Canvas: Animate in Xcode without code
$文件库
ViewerJS
- webodf/ViewerJS: ViewerJS: Document Reader in JavaScript
- ViewerJS Home
- ViewerJS Get ViewerJS
CSV解析
- mholt/PapaParse: Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input
¥PDF
pdf-annotate.js
- instructure/pdf-annotate.js: Annotation layer for pdf.js (no longer maintained)
- PDFJSAnnotate
html2pdf.js
- eKoopmans/html2pdf.js: Client-side HTML-to-PDF rendering using pure JS.
pdf.js
- mozilla/pdf.js: PDF Reader in JavaScript
- mozilla/pdfjs-dist: Generic build of PDF.js library.
WebODF
- webodf/WebODF: WebODF - JavaScript Document Engine
- WebODF
jsPDF
- MrRio/jsPDF: Client-side JavaScript PDF generation for everyone.
- jsPDF - CSDN博客
- jsPDF - HTML5 PDF Generator | Parallax
- rawgit.com
- 分享8个网站开发中最好用的打印页面插件 - 梦想天空(山边小溪) - 博客园
- html页面导出为pdf(jsPDF、iText、wkhtmltopdf) - CSDN博客
- 把HTML转成PDF的4个方案及实现方法 - 掘金
This is 静态效果类
¥时间轴效果
- Timeline Portfolio - 时间轴作品集效果 - 梦想天空(山边小溪) - 博客园
¥可视化
pts
- williamngan/pts: A library for visualization and creative-coding
- Pts.js
灵活的可视化验证码解决方案
- visualCaptcha Static jQuery Demo - The best captcha alternative
- VisualCaptcha – 灵活的可视化验证码解决方案 - 梦想天空(山边小溪) - 博客园
SandDance
- SandDance
- microsoft/SandDance: Visually explore, understand, and present your data.
¥阴影效果
- Shine.js – 帮助你实现各种好看的阴影效果 - 梦想天空(山边小溪) - 博客园
¥蒙版效果
Barrage UI
- 可实现B站 蒙版弹幕 效果的前端组件 —— Barrage UI - 掘金
- parksben/barrage: Best and lightest barrage component for web UI. 适用于 web 界面的轻量级弹幕组件
- 【小案例】基于色键技术的纯客户端实时蒙版弹幕 - 掘金
- 弹幕不挡人!基于色键技术的纯客户端实时蒙版弹幕 - 掘金
¥尺子
RulersGuides.js
- RulersGuides.js demo
- mark-rolich/RulersGuides.js: Creates Photoshop-like guides and rulers interface on a web page
- simbawus/slide-ruler: 📏 Slide Ruler 滑尺数值选择器
- simbawus/digital-keyboard: ⌨️ Digital Keyboard 数字键盘
- CSS3打开信封发送留言样式代码
This is 事件&动效类
$鼠标悬停效果
- 7种鼠标悬停效果,多样的图片说明展示
- 30种奇妙的鼠标悬停效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
$自动完成插件
awesomplete
- LeaVerou/awesomplete: Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
- Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou
- www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fleaverou.github.io%2Fawesomplete%2F&h=9500&c=&n=awesomplete
- LeaVerou/awesomplete: Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
Bootstrap-3-Typeahead
- bassjobsen/Bootstrap-3-Typeahead: The Typeahead plugin from Twitter's Bootstrap 2 ready to use with Bootstrap 3 and Bootstrap 4
- bootstrap3-typeahead 文本自动补全填充 - chen_lay的博客 - CSDN博客
- jquery表单制作text文本框autocomplete智能搜索提示框效果
$消息通知插件
PNotify
- PNotify
- sciactive/pnotify: Beautiful JavaScript notifications with Web Notifications support.
- PNotify
- PNotify
提示系统
enquirer
- enquirer/enquirer: Stylish, intuitive and user-friendly prompt system.
- Notyf - 超级简单、响应式的 JS 通知插件 - 梦想天空(山边小溪) - 博客园
- jQuery通知提示插件overhang.js
$滚动libs & 插件
AnimateScroll
- AnimateScroll - jQuery Plugin for Animating Scroll
- rampatra/animatescroll.js: A Simple jQuery Plugin for Animating Scroll
better-scroll
- ustbhuangyi/better-scroll: inspired by iscroll, and it supports more features and has a better scroll perfermance
- BetterScroll by ustbhuangyi
body-scroll-lock
- willmcpo/body-scroll-lock: Body scroll locking that just works with everything 😏
- tuateam/tua-body-scroll-lock: Body scroll locking that just works with everything
iscroll
- https://sldt.github.io/simple/simple-jquery-ui-api/build/index.html
mescroll
- mescroll/mescroll: 精致的下拉刷新和上拉加载 js框架.支持vue,完美运行于移动端和主流PC浏览器 (JS framework for pull-refresh and pull-up-loading)
- mescroll -- 精致的下拉刷新和上拉加载js框架
Parallax.js
- pixelcog/parallax.js: Simple parallax scrolling effect inspired by Spotify.com implemented as a jQuery plugin
Swiper
- Swiper中文网
- swiper - 百度
- Swiper 中文API手册(share) - 挨踢前端 - 博客园
- SwiperProxy
- yanzhenjie/SwipeRecyclerView: RecyclerView侧滑菜单,Item拖拽,滑动删除Item,自动加载更多,HeaderView,FooterView,Item分组黏贴。
- SwipeRecyclerView/README.md at master · yanzhenjie/SwipeRecyclerView
- nolimits4web/swiper: Most modern mobile touch slider with hardware accelerated transitions
- surmon-china/vue-awesome-swiper: 🏆 Swiper component for @vuejs
- fex-team/swiper: 轻量的移动端 H5 翻页库
- baoyongzhang/SwipeMenuListView: [DEPRECATED] A swipe menu for ListView.
- TUBB/SwipeMenu: A swipe menu for horizontal/vertical, support left/right add top/bottom directions
- SwipeMenuDemo/README.md at master · Brioal/SwipeMenuDemo
- 中文api - Swiper中文网
- swiper的理解 - 向君 - 博客园
- Swiper中文网
ScrollUp
- ScrollUp – 超轻量的可定制的回到顶部 jQuery 插件 - 梦想天空(山边小溪) - 博客园
scrollmagic
- ScrollMagic ♥ Demo
- janpaepke/ScrollMagic: The javascript library for magical scroll interactions.
scrollpath
- JoelBesada/scrollpath: A plugin for defining custom scroll paths.
- jQuery Scroll Path
scroll-hint
- ScrollHint
- appleple/scroll-hint: A JS library to suggest that the elements are scrollable horizontally, with the pointer icon.
全屏滚动效果
- pagePiling.js - 创建漂亮的全屏滚动效果 - 梦想天空(山边小溪) - 博客园
- jQuery全屏滚动插件fullPage.js
旋转木马
Glider.js
- NickPiscitelli/Glider.js: A blazingly fast, lightweight, dependency free, minimal carousel with momentum scrolling!
- Glider.js - A fast, lightweight carousel alternative
¥signal
- gabrielevanini/ppGallery: jQuery gallery
- jeremyfry/PikaChoose: jQuery Image Gallery
- AviaSlider是一个具有独特过渡效果的jQuery幻灯片插件。
- builtbywill/booklet: jQuery Plugin - display web content in a flipbook
- Booklet - jQuery Plugin - Home
- Solutions-Nitriques/jQuery-easySlider: Our remix of the easySlider jQuery plugin built by Alen Grakalic
- daledavies/jQuery-Easy-Slides: Possibly the easiest to use jQuery plugin for making slideshows!
- kflorence/jquery-easySlider: This is a modified version of Alen Grakalic's Easy Slider plugin.
- CSS-Tricks/AnythingSlider: A jQuery Slider plugin for anything.
- AnythingSlider
- 结合 CSS3 & jQuery 实现精致的 3D 图库
- jobyktom/RotatingImageSlider: RotatingImageSlider
- vemulvamsy/RotatingImageSlider: RotatingImageSlider
- Codeinwp/Nivo-Slider-jQuery: Nivo Slider - The Most Awesome jQuery Image Slider
- Getting started with the Nivo Slider jQuery Plugin - ThemeIsle Docs
- wpschool/PortfolioImageNavigator
- codrops/StackSlider: An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
- codrops/Slicebox: Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties.
- ClearWebSolutions/jQuery-3D-slider: jQuery plugin - image 3D slider
- jaskiran-chhokar/3D-Image-Slider: A 3d image slider made purely with CSS
- 3D Image Slider
- Slicebox - 3D图片滑块效果
- Slicebox - 3D图片滑块效果
- nathansearles/Slides: Slides is a crazy simple slideshow plugin for jQuery. With features like looping, auto play, fade or slide transition effects, crossfading, image preloading, and auto generated pagination. With Slides you’ll never see multiple slid
- SlidesJS, a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3
- TritonHo/slides: it is a repository to store all slides used by Triton Ho's public presentation and course.
- jQuery图片模糊插件crossfade.js_dowebok
- 图片文字滚动插件jQuery Scrollbox
- liMarquee – jQuery无缝滚动插件_dowebok
- 滑动穿透(锁body)终极探索 - 掘金
- Improving Scroll Performance with Passive Event Listeners | Web | Google Developers
- Unable to preventDefault inside passive event listener - 前端笔记 - SegmentFault 思否
- crazysunj/CardSlideView: 一行代码实现ViewPager卡片效果,支持无限循环
- HelloYeah/HYSideViewController: 轻松集成左右侧滑,接口简单.逻辑清晰
$动画插件
animo.js
- ThrivingKings/animo.js: A powerful little tool for managing CSS animations
click-colorful
- ColdDay/click-colorful: 点击特效,五颜六色的小球绽放
collie
- Collie - High Performance Animation Library for Javascript
favico.js
- favico.js - Make use of your favicon
- ejci/favico.js: Make use of your favicon with badges, images or videos
FLIP技术
- 让动画变得更简单之FLIP技术 - 掘金
- FLIP技术给Web布局带来的变化_JavaScript, FLIP, Animation, Web动画 教程_w3cplus
fly-js
- fly-js - npm
goalProgress
- tinacious/goalProgress: :100: Animated progress bar using jQuery to show how close you are to reaching your goal.
- Animated Goal Progress Bar jQuery plugin
gifshot
- yahoo/gifshot: JavaScript library that can create animated GIFs from media streams, videos, or images
- gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images
jsanim
- Jsanim.com
jquery_flot_animator
- jQuery Flot Animator
jquery.magicmove
- maccman/jquery.magicmove: Animate DOM transitions.
JQuery Tip Cards
- jQuery Tip Cards by Pete R. | The Pete Design
- peachananr/tip_cards: Create a card layout that let your user flip through it like you see on Google Tips
label_better
- peachananr/label_better: Label your form input like a boss with beautiful animation and without taking up space
- jQuery Label Better by Pete R. | The Pete Design
Lazy Line Painter
- camoconnell/lazy-line-painter: A jQuery plugin for path animation using the CSS -
- Lazy Line Painter
loda-button
- lugolabs/loda-button: jQuery plugin that animates the button icon with CSS3 when loading ...
- lugolabs/loda-button-ui: Twist your jQuery UI button
Mosaic jQuery Plugin
- Mosaic – Sliding Boxes and Captions jQuery Plugin « Build Internet
motio
- Motio
Move.js
- Move.js - CSS3 animation framework for JavaScript
- visionmedia/move.js: CSS3 backed JavaScript animation framework
minifiedjs
- Minified.js - A Truly Lightweight JavaScript Library
- timjansen/minified.js: A lightweight library for the Web
rekapi
- Home - Documentation
- Home - Documentation
s-gallery
- S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations — Sara Soueidan – Freelance-Front-End UI/UX Developer
snapsvg
- Snap.svg - Home
- adobe-webplatform/Snap.svg: The JavaScript library for modern SVG graphics.
Textillate.js
- jschr/textillate: A jquery plugin for CSS3 text animations.
- Textillate.js
- gitWhatever/text-effect: textillate纯js实现版本,包括lettering(文字分离)和textillate(文字动画)的功能。
tweenjs
- CreateJS/TweenJS: A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries.
- TweenJS | A JavaScript library for tweening and animating HTML5 and JavaScript properties.
- tween.js 中文使用指南 - 前端小老虎 - 博客园
- Inbetweening - Wikipedia
- 前端急速入门动画库---tweenjs - 掘金
元素运动效果
ScrollReveal
- ScrollReveal
- scrollreveal/scrollreveal: Animate elements as they scroll into view.
- Revealing Elements with scrollReveal.js
wow-js
- Reveal Animations When Scrolling — WOW.js
- matthieua/WOW: Reveal CSS animation as you scroll down a page
滑块效果
- jssor/slider: Touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap
- viljamis/ResponsiveSlides.js: Simple & lightweight responsive slider plugin (in 1kb)
$事件libs & 插件
¥鼠标滚轮事件
- JS判断鼠标向上滚动还是向下滚动-JavaScript/JQuery-代码家园
- JQuery鼠标滚轮事件 - dantegarden的专栏 - CSDN博客
- javascript监听鼠标滚轮事件浅析_javascript技巧_脚本之家
- jquery 鼠标滚轮事件 插件 Mousewheel - DoittioD - 博客园
- JS鼠标滚轮事件详解 - caoruiy - 博客园
- js对于鼠标滚轮事件的监听 - 九层之台,起于累土 千里之行,始于足下 - CSDN博客
- jquery/jquery-mousewheel: A jQuery plugin that adds cross-browser mouse wheel support.
- jQuery 鼠标滚轮事件 - 吕岳阳 - 博客园
- JS事件-鼠标滚轮事件 - 每天进步一点点 - CSDN博客
- jquery监听鼠标滚轮(滚动)事件 - leon-这个程序员不闷骚的博客 - CSDN博客
¥触摸
hammer.js
- hammerjs/hammer.js: A javascript library for multi-touch gestures :// You can touch this
- Hammer.JS - Hammer.js
pressure
- stuyam/pressure: JavaScript library for handling Force Touch, 3D Touch, and Pointer Pressure.
- Pressure.js
¥拖拽
draggabilly
- desandro/draggabilly: Make that shiz draggable
- Draggabilly
draggable
- Shopify/draggable: The JavaScript Drag & Drop library your grandparents warned you about.
- Draggable JS – JavaScript drag and drop library
dragula
- bevacqua/dragula: Drag and drop so simple it hurts
- dragula - Browser drag-and-drop so simple it hurts
drop
- HubSpot/drop: A library for creating dropdowns and other floating elements. #hubspot-open-source
- Drop
DragDrop
- kbjr/DragDrop: A JavaScript micro-framework for adding drag-and-drop functionality to elements for advanced UI development
- Dragdrop by kbjr
interact.js
- taye/interact.js: JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
- interact.js - JavaScript drag and drop, resizing and gestures
¥拖拽教程
- 一步步实现网页图片的手势拖拽与缩放 - 掘金
- drag与drop事件 - 上善若水 水养金鱼 - CSDN博客
- JavaScript ondragstart、ondragenter、ondragover 、ondrop、ondragend - ssisse的博客 - CSDN博客
- HTML5--拖动02-dragstart、drag、dragenter、dragover、dragleave、drop、dragend属性 - 第二天半 - 博客园
- 原生拖拽,拖放事件(drag and drop) - 笔记 - SegmentFault 思否
Selection.js
- Simonwep/selection: Selection - A simple and lightweight library to realize visual DOM Selections, like on your Desktop. No jQuery. Supports any CSS library, e.g. Bootstrap.
- Selection.js
- mark-rolich/Dragdrop.js: This Javascript package implements drag-n-drop functionality in a browser
- codrops/DragDropInteractions: Some inspiration for drag and drop interactions for the modern UI.
- Bernardo-Castilho/dragdroptouch: Polyfill that enables HTML5 drag drop support on mobile (touch) devices.
- StackHive/DragDropInterface: A Cross frame drag and drop interface for web browsers
- StackHive - Faster front-end design and developmen
- One-com/knockout-dragdrop: A drag and drop binding for Knockout.
- sunshine940326/sortable: 可拖放的sort插件
¥屏幕捕捉
screenshoteer
- vladocar/screenshoteer: Make website screenshots and mobile emulations from the command line.
基于H5实现的屏幕捕捉库
- JSCapture – 基于 HTML5 实现的屏幕捕捉库 - 梦想天空(山边小溪) - 博客园
JavaScript-screenshot
- usecodelee/JavaScript-screenshot: JavaScript implementation of a screenshot with html2canvas.js and canvas2image.js
¥滚屏事件
scrollama
- russellgoldenberg/scrollama: Scrollytelling with IntersectionObserver.
- Scrollama Demo: Basic
uos
- vaneenige/uos: 🐭 A tiny 250b scroll listener with progress.
- uos - npm
scroll-out
- ScrollOut
- scroll-out/scroll-out: ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!
¥Resize Observer
resize-observer-polyfill
- que-etc/resize-observer-polyfill: A polyfill for the Resize Observer API
- hustcc/size-sensor: ~1 Kb, DOM element size sensor which will callback when size changed.
- juggle/resize-observer: Polyfills the ResizeObserver API and supports box size options from the latest spec.
- vincentriemer/native-css-layout-animation-poc
- mjdease/preact-resize-observer: Element resize event for Preact
- Chomtana/EventX-ResizeObserver-event: Allow programmer to bind resize event for DOM or HTML element in very simple syntax (You can also use JQuery to bind resize event).
¥JS键盘事件处理库
hotkeys
- jaywcjlove/hotkeys: ➷ A robust Javascript library for capturing keyboard input. It has no dependencies.
- git.io
jQuery.Hotkeys
- jeresig/jquery.hotkeys: jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.
jwerty
- jwerty - Awesome handling of keyboard events
- keithamus/jwerty: ⌨ Awesome handling of keyboard events
js-shortcuts
- stepanvr/js-shortcuts: JavaScript Shortcuts Library
- JavaScript Shortcuts Library (jQuery plugin)
jquery.beeline
- map7/jquery.beeline: jquery shortcut key plugin
jquery-shortcuts
- ambethia/jquery-shortcuts: A very lightweight approach to keyboard shortcuts (hotkeys) with jQuery
jKey
- jKey Samples
Keymage
- piranha/keymage: Yet Another JS Keybinding library
KeyboardJS
- RobertWHurst/KeyboardJS: A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.
keymaster
- madrobby/keymaster: A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.
keyboard_shortcuts
- Handling Keyboard Shortcuts in JavaScript
keyboard.backbone.js
- mathphreak/keyboard.backbone.js: Keyboard shortcuts tied into Backbone.js
Kibo
- marquete/kibo: A simple JavaScript library for handling keyboard events.
key-board-short-cuts
- pantuza/key-board-short-cuts: A simple example of key boards shortcuts implementation with javaScript
keys.js
- bitwalker/keys.js: Easy keybindings for browser applications!
- Keys.js - Introduction
Keypress
- Keypress: A Javascript library for capturing input
- dmauro/Keypress: A keyboard input capturing utility in which any key can be a modifier key.
kbnav
- vadimg/kbNav: Keyboard navigation for the web.
keycode.js
- nostrademons/keycode.js: A library for cross-browser normalization of keyboard events
- kabirbaidhya/keycode-js: A javascript package with Key Code constants.
keyutils
- Ryan724/keyutils: JavaScript针对键盘事件监听处理的工具库
keyCode对照表
- KeyCode 对照表 - 蜂蜂的专栏 - CSDN博客
- keycode值对照表 - 暖心少年 - CSDN博客
- keycode键盘 按键 - 键码 对应表 - Yiven - 博客园
- Keycode对照表(键码对照表) - 青春阳光 - 博客园
- keyCode对照表及JS监听组合按键 - 笨小孩 - CSDN博客
- 如何用JS获取键盘上任意按键的值?兼容FireFox和IE js获取键盘ASCII码?js键盘事件全面控制 - 编程风云 - 博客园
- js键盘按钮keyCode及示例大全 - 我的过去 - 博客园
Mousetrap
- Mousetrap - Keyboard shortcuts in Javascript
- ccampbell/mousetrap: Simple library for handling keyboard shortcuts in Javascript
okShortcut(jQuery.shortcut.add 和 jQuery.shortcut.remove)
- [okShortcut] Add example page · okbreathe/jquery_plugins@3e17bff
UserKeyboardShortcuts
- re5et/UserKeyboardShortcuts: MooTools plugin to makes it easy for you to provide local user-customizable keyboard shortcuts for your users
- 20个优秀的 JavaScript 键盘事件处理库 - 梦想天空(山边小溪) - 博客园
- JavaScript屏蔽Backspace键 - 孤傲苍狼 - 博客园
- JavaScript捕获同时多个按键-非组合键_正经的博客-CSDN博客
¥事件代理
eventproxy
- JacksonTian/eventproxy: An implementation of task/event based asynchronous pattern.
- eventproxy Documentation
- eventproxy.js
- https://raw.githubusercontent.com/JacksonTian/eventproxy/master/lib/eventproxy.js
events-proxy
- JohnApache/events-proxy: javascript 自定义事件代理
¥事件中心、监听、派发、发布订阅、事件驱动
event listener
delegated-events
- dgraham/delegated-events: A small, fast delegated event library for JavaScript.
- zurb/reactive-listener
- cferdinandi/events: A tiny event delegation library.
- wnr/element-resize-detector: Optimized cross-browser resize listener for elements.
- mona-events - npm
event emitter lib
tiny-emitter
- scottcorgan/tiny-emitter: A tiny (less than 1k) event emitter library
EventEmitter
- Olical/EventEmitter: Evented JavaScript for the browser
EventUtil
- xiaomoinfo/EventUtil: 跨浏览器事件处理函数(keywords: 前端学习使用资料笔记摘要源代码note learn
- EventUtil——跨浏览器的事件对象 - 黄映焜 - 博客园
hub.js
- yyued/hub.js: Through a simple way to deal with the event flow.
- hub.js | Through a simple way to deal with the event flow.
- hub.js/README.zh-CN.md at master · yyued/hub.js
PubSubJS
- mroderick/PubSubJS: Dependency free publish/subscribe for JavaScript
- DDFE/events: 事件管理中心,用于全局监听,派发事件
¥手势库
any-touch
- any86/any-touch: 一个手势库, 支持PC / 手机端
- 🖐 AnyTouch
¥缩放插件
zoom.js
- zoom.js:一款效果很独特的页面内容缩放插件 - 梦想天空(山边小溪) - 博客园
浏览器全屏
screenfull.js
- sindresorhus/screenfull.js: Simple wrapper for cross-browser usage of the JavaScript Fullscreen API
- screenfull.js demo
fullPage.js
- alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
¥拖放排序插件
Sortable
- Sortable. No jQuery.
- RubaXa/Sortable: Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap.
Slip.js
- kornelski/slip: Slip.js — UI library for manipulating lists via swipe and drag gestures
$animate&模拟事物相关
HTML 原型点击效果
- TouchPoint.js – 可视化展示 HTML 原型点击效果 - 梦想天空(山边小溪) - 博客园
雨滴效果
- Rainyday.js – 使用 JavaScript 实现雨滴效果 - 梦想天空(山边小溪) - 博客园
书本翻页预览
- BookBlock - 效果非常真实的书本翻页预览 - 梦想天空(山边小溪) - 博客园
元素拖放着色
拖放交互界面
- 来自 Codrops 的7种创新的拖放交互界面 - 梦想天空(山边小溪) - 博客园
- 很赞的效果!互动的页面元素拖放着色实验 - 梦想天空(山边小溪) - 博客园
球体效果
Planetary.js
- Planetary.js: Awesome interactive globes for the web
- BinaryMuse/planetary.js: Awesome interactive globes for the web
创建粒子背景
ParticlesJS
- JS库使用ParticlesJS的简单介绍-js教程-PHP中文网
- VincentGarreau/particles.js: A lightweight JavaScript library for creating particles
- particles.js - A lightweight JavaScript library for creating particles
- VincentGarreau/particles.js: A lightweight JavaScript library for creating particles
页面跳舞
Rythm.js
- Rythm.js
- Okazari/Rythm.js: A javascript library that makes your page dance.
录制与回访
rrweb
- rrweb.io | Open source web session replay library
- rrweb-io/rrweb: record and replay the web
rrweb-player
- rrweb-io/rrweb-player
rrweb-snapshot
- rrweb-io/rrweb-snapshot: rrweb's snapshot and rebuild module
- 利用现代浏览器所提供的强大 API 录制,回放并保存任意 web 界面中的用户操作 - 掘金
¥动画库
anijs
- anijs/anijs: A Library to Raise your Web Design without Coding.
- AniJS, A Library to Raise your Web Design without Coding
bounce.js
- tictail/bounce.js: Create beautiful CSS3 powered animations in no time.
- Bounce.js
csshake
- elrumordelaluz/csshake: CSS classes to move your DOM!
cta.js
- chinchang/cta.js: Animate your 'action-to-effect' paths
- cta.js - Animate your 'action-to-effect' paths!
gka
- gkajs/gka: 一款高效、高性能的帧动画生成工具
- gka
GreenSock-JS
- greensock/GreenSock-JS: GreenSock's GSAP JavaScript animation library (including Draggable).
- GSAP, the standard for JavaScript HTML5 animation | GreenSock
html5tooltipsjs
- ytiurin/html5tooltipsjs: Tooltips with smooth 3D animation
- html5tooltips.js - Tooltips with smooth 3D animation
ityped
- luisvinicius167/ityped: Dead simple Javascript animated typing, with no dependencies.
- iType.js | Javascript animated typing, with no dependencies
kute.js
- thednp/kute.js: KUTE.js is a native JavaScript animation engine featuring great code quality, badass performance, SVG morphing, stroke drawing and 2D & 3D transforms, CSS3 transforms, colors, as well as other CSS3 properties or presentation attributes.
- KUTE.js | Javascript Animation Engine
- KUTE.js Features | Javascript Animation Engine
- KUTE.js | Javascript Animation Engine
lottie-web
- airbnb/lottie-web: Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
- Introduction · Lottie
mojs
- mojs/mojs: The motion graphics toolbelt for the web
- legomushroom/mojs: motion graphics toolbelt for the web
- An Introduction to mo.js | CSS-Tricks
parallax
- wagerfield/parallax: Parallax Engine that reacts to the orientation of a smart device
- parallax.js
pace
- HubSpot/pace: Automatically add a progress bar to your site. #hubspot-open-source
- PACE — Automatic page load progress bars
popmotion
- Popmotion/popmotion: Simple animation libraries for delightful user interfaces
- Popmotion/popmotion: Simple animation libraries for delightful user interfaces
- Popmotion | JavaScript animation libraries for delightful interfaces
svg动画
- Walkway.js – 用线条制作简约的 SVG 动画 - 梦想天空(山边小溪) - 博客园
snabbt.js
- snabbt.js
animejs
- juliangarnier/anime: JavaScript Animation Engine
- anime.js
- anime.js • JavaScript animation engine
Sticker.js
- Sticker.js
- cmiscm/stickerjs
typed.js
- mattboldt/typed.js: A JavaScript Typing Animation Library
- JavaScript Animated Typing with Typed.js | by Matt Boldt
three.js
Gio.js
- syt123450/giojs: 🌏 A Declarative 3D Globe Data Visualization Library built with Three.js
- Gio.js
- mrdoob/three.js: JavaScript 3D library.
- three.js - Javascript 3D library
- Jeremboo/animated-mesh-lines: Tutorial and demos for Codrops about how play with the THREE.MeshLine library
- brunoimbrizi/interactive-particles
- 基于three.js的3D炫酷元素周期表 - 掘金
- 聊一聊 ThreeJS 反锯齿 - 前端 - 掘金
- Three.js中的矩阵 - 掘金
- Three.js - 利用 JS 进行图片处理并生成对应粒子图 - 掘金
- Three.js 技巧和实践总结 - 前端 - 掘金
- josdirksen/learning-threejs: Code repository for the examples from the Packt book "Learning Threejs"
velocity
- julianshapiro/velocity: Accelerated JavaScript animation.
- Incredibly Fast UI Animation Using Velocity.js
- The Simple Intro to SVG Animation
- Velocity.js
vivus
- maxwellito/vivus: JavaScript library to make drawing animation on SVG
滚动滑动切换动画
图片滑动效果
- Sequence.js - 适合电子商务网站的图片滑块 - 梦想天空(山边小溪) - 博客园
自定义页面切换
MTransition
basicScroll
- electerious/basicScroll: Standalone parallax scrolling for mobile and desktop with CSS variables.
- Parallax scrolling with CSS variables | basicScroll
- 推荐几款制作网页滚动动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- 神奇的滚动动画,30个视差滚动网站设计 - 梦想天空(山边小溪) - 博客园
- Infinite Scroll - jQuery & WP 无限滚动插件 - 梦想天空(山边小溪) - 博客园
书页翻转效果插件
- 推荐12款实用的 JavaScript 书页翻转效果插件 - 梦想天空(山边小溪) - 博客园
动画精灵
PixiJS
- Learn Pixi.js | Rex van der Spuy | Springer
- Zainking/LearningPixi: ⚡️Pixi教程中文版
- 学习 PixiJS — 动画精灵 - 掘金
- 学习 PixiJS — 粒子效果 - 掘金
- 学习 PixiJS — 精灵状态 - 掘金
spriteUtilities
- kittykatattack/spriteUtilities: Useful functions for creating and working with sprites in Pixi
- https://www.kkkk1000.com/js/spriteUtilities.js
- 2018年值得期待11个Javascript动画库 - 前端 - 掘金
- 10个最好的 JavaScript 动画库和开发框架 - 梦想天空(山边小溪) - 博客园
- Space.js – HTML 驱动的页面 3D 滚动效果 - 梦想天空(山边小溪) - 博客园
- Demo | MoveTo.js
- 【精心挑选】帮助你实现元素动画的6款插件 - 梦想天空(山边小溪) - 博客园
- 2019年 值得收藏的 15 个 JavaScript 和 CSS 动画库-WEB前端开发
- Inspiration: 10 Examples of Pure CSS Animation on CodePen
This is 多媒体 & AI & AR类
¥video
video.js
- videojs/video.js: Video.js - open source HTML5 & Flash video player
- Video.js: The Player Framework
flv.js
- Bilibili/flv.js: HTML5 FLV Player
xgplayer
- bytedance/xgplayer: A Web video player with a parser that saves traffic
- 西瓜播放器
MoePlayer
- MoePlayer/APlayer: Wow, such a beautiful HTML5 music player
- MoePlayer/DPlayer: Wow, such a lovely HTML5 danmaku video player
¥music
amplitudejs
- 521dimensions/amplitudejs: Amplitude.js is the HTML5 Audio Player for the modern era. No dependencies required.
- AmplitudeJS: The Open Source HTML5 Audio Player For The Modern Era
chrome-music-lab
- googlecreativelab/chrome-music-lab: A collection of experiments for exploring how music works, all built with the Web Audio API.
- https://musiclab.chromeexperiments.com
lyric-parser
- ustbhuangyi/lyric-parser: lyric-parser base on javascript
quiet-js
- quiet/quiet-js: Transmit data with sound using Web Audio -- Javascript binding for libquiet
slang
- kylestetz/slang: 🎤 a simple audio programming language implemented in JS
- slang.kylestetz.com
Tone.js
- Tonejs/Tone.js: A Web Audio framework for making interactive music in the browser.
- Tone.js
WebAudio
- cwilso/WebAudio: Web Audio API Playground
- doving/webAudio: 利用webAudio,canvas,CSS3制作的自适应的音乐可视化应用,移动端、pc端通用
- surikov/webaudiofont: Use full GM set of musical instruments to play MIDI and single sounds or effects. Support for reverberation and equaliser. No plugins, no Flash. Pure HTML5 implementation compatible with desktop and mobile browser. See live examples.
- jeromeetienne/webaudiox: helpers for WebAudio API
- notthetup/awesome-webaudio: A curated list of awesome WebAudio packages and resources.
- g200kg/webaudio-controls: GUI parts library for Web application using WebComponents
- jhalme/webaudio-mod-player: MOD/S3M/XM module player for Web Audio
- Jam3/web-audio-player: a cross-browser WebAudio player
- jeromeetienne/webaudio.js: web audio library for games
- spite/WebAudioExtension: Google Chrome DevTools extension to view and hopefully interact with the routing graph of Web Audio API
基于 Web 的数字音频工作站
¥MimeType
- rsdoiel/mimetype-js: A mime type catalog for mapping file extensions to their mime type string.
¥AR
AR.js
- jeromeetienne/AR.js: Efficient Augmented Reality for the Web - 60fps on mobile!
- AR用AR.js做一個讓另對方 喔喔喔喔! 的小卡片吧! - 髒桶子~ - Medium
¥AI
ai-edu
- microsoft/ai-edu: AI education materials for Chinese students, teachers and IT professionals.
¥tensorflow
tensorflow core
- xitu/tensorflow-docs: TensorFlow 最新官方文档中文版 V1.10
- 开始
- TensorFlow.js
- tensorflow/tfjs-core: WebGL-accelerated ML // linear algebra // automatic differentiation for JavaScript.
alexa-sign-language-translator
- shekit/alexa-sign-language-translator: A project to make Amazon Echo respond to sign language using your webcam
- tensorflow/magenta-js: Magenta.js: Music and Art Generation with Machine Intelligence in the Browser
- justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js
This is 功能类
$绘图plugins
甘特图
- ECharts Gallery
- EChart 制作类似微软的 甘特图 - CSDN博客
- 13个js版gantt甘特图控件集合_51CTO下载中心_IT技术资料免费下载
- jQuery甘特图插件jQuery.Gantt
- 甘特图
- robicch/jQueryGantt: jQuery Gantt editor
- frappe/gantt: Open Source Javascript Gantt
- thegrubbsian/jquery.ganttView: An editable jQuery Gantt chart plugin.
- mbielanczuk/jQuery.Gantt: jQuery Gantt Chart
- DHTMLX/gantt: Javascript Gantt chart
- neyric/gh-issues-gantt: Generate Gantt Diagrams from GitHub Issues
- lenxeon/gantt: 项目甘特图,可调整任务的开始结束时间,百分比
- oguzhanoya/jquery-gantt: 🌈 Lightweight jQuery gantt plugin.
- realm/github-gantt: Generate Gantt Charts From Github Issues!
- ybx13579/jQuery.Gantt: jQuery.Gantt 甘特图
- d-band/gantt: Gantt chart library using jsx support SVG, Canvas and SSR
- limodou/uli-gantt: JQuery gantt plugin, based on d3.js and mmGrid
- jsGanttImproved/jsgantt-improved: A fully featured gantt chart component built entirely in Javascript, CSS and AJAX. No images required.
- FlamingTempura/JSGanttChart: JavaScript Gantt Chart Framework
- mattiasmak/Polymer-gantt: Polymer gantt
- substack/gantt-chart: generate an svg gantt chart in node and the browser
- ProtoTeam/time-gantt: 一个react类甘特图图表,功能是时间基线上的任务耗时管理,并且能够与过往耗时进行对比
- erikthered/raphael-gantt: Draw gantt charts with Raphaël and Moment.js
- goofmint/TodoistGanttChartView: Gantt Chart Viewer for Todoist
自动化的可视化数据生成工具
- Charted – 自动化的可视化数据生成工具 - 梦想天空(山边小溪) - 博客园
- charted-co/charted: A charting tool that produces automatic, shareable charts from any data file
- Charted
apexcharts.js
- Installation – ApexCharts
- apexcharts/apexcharts.js: A JavaScript Chart Library
- ApexCharts.js – Open-Source HTML5 JavaScript Charts
anychart
anychart core
- Overview | AnyGantt - Powerful HTML5 Gantt, Resource and PERT charts
- Gallery | AnyGantt | Powerful HTML5 Gantt, Resource and PERT charts
AwesomeChartJS
- AwesomeChartJS
- cyberpython/AwesomeChartJS: A simple JavaScript chart rendering library
amcharts
- JavaScript Charts & Maps - amCharts
aristochart
- Aristochart - Sophisticated Javascript charts.
arborjs
- arbor.js
- samizdatco/arbor: a graph visualization library using web workers and jQuery
antv
- 蚂蚁数据可视化 - AntV
- AntV team
ArcGIS
- ArcGIS API for JavaScript | ArcGIS for Developers (Latest)
- ArcGIS API for JavaScript - ArcGIS知乎-新一代ArcGIS问答社区
- ArcgisAPIforJavascript入门(一) - Javascript教程_JS教程_技术文章 - 红黑联盟
- arcgis for js 添加点、添加圆、添加面、添加线 - 前端林三哥 - CSDN博客
- arcgis api for js - 随笔分类 - GIS之家 - 博客园
- 【ArcGIS for JS基础教程】 - 牛健平 - 在线视频教程-CSDN学院
- ArcGIS for JavaScript学习(一) - 锋aa - 博客园
- arcgis for js 小功能组件大集合 - 前端林三哥 - CSDN博客
- ArcGIS API for JavaScript 3.27
bonsai
- uxebu/bonsai: BonsaiJS is a graphics library and renderer
- BonsaiJS - A Graphics Library
bluff
- Bluff: Beautiful graphs in JavaScript
bpmn.js
- Web-based tooling for BPMN, DMN and CMMN | bpmn.io
- bpmn.io
- 全网最详bpmn.js教材 - 掘金
- 全网最详bpmn.js教材-基础篇 - 掘金
- 全网最详bpmn.js教材-http请求篇 - 掘金
- 全网最详bpmn.js教材-事件篇 - 掘金
- 全网最详bpmn.js教材-自定义palette篇 - 掘金
- 全网最详bpmn.js教材-自定义renderer篇 - 掘金
- 全网最详bpmn.js教材-自定义contextPad篇 - 掘金
- 全网最详bpmn.js教材-编辑、删除节点篇 - 掘金
- 全网最详bpmn.js教材-封装组件篇 - 掘金
- 全网最详bpmn.js教材-properties篇 - 掘金
- 全网最详bpmn.js教材-properties-panel篇(上) - 掘金
css-doodle
- css-doodle/css-doodle: 🎨 A web component for drawing patterns with CSS.
- <css-doodle />
canvasxpress
- canvasXpress
canvasjs
- Beautiful HTML5 JavaScript Charts | CanvasJS
Cytoscape.js
- cytoscape/cytoscape.js: Graph theory / network library for visualisation and analysis
- Cytoscape.js
Chart.js
- chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag
d3
d3-dag
- erikbrinkman/d3-dag: Layout algorithms for visualizing directed acyclic graphs
- d3/d3: Bring data to life with SVG, Canvas and HTML.
- D3.js - Data-Driven Documents
- d3.js关于比例尺报Cannot read property 'linear' of undefined错误的解决方法 - CSDN博客
- MetricGraphics.js – 时间序列数据的可视化 - 梦想天空(山边小溪) - 博客园
- D3可视化:(1)初次见面,SVG与D3的魅力 - 掘金
- D3可视化:(2)Bar Chart with D3js - 掘金
dynatable
- Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more
- alfajango/jquery-dynatable: A more-fun, semantic, alternative to datatables
dc.js
- dc.js - Dimensional Charting Javascript Library
- dc-js/dc.js: Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js
dygraphs
- dygraphs.com
- danvk/dygraphs: Interactive visualizations of time series using JavaScript and the HTML canvas tag
datavjs
- TBEDP/datavjs: DataV
DataV
- DataV-Team/DataV: Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新(React版已发布)
- DataV
- DataV-Team/DataV-React: React数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新
echarts
echarts-core
- ECharts
- ECharts · Example
- ECharts · Doc
- ECharts Gallery
- ecomfe/echarts: A powerful, interactive charting and visualization library for browser
- ECharts Documentation
echarts options
- Echarts(二、柱状图(各参数详细描述)) - CSDN博客
- 浅谈Echarts 使用配置 - CSDN博客
- ECharts属性设置 - CSDN博客
echarts map
echarts-map
- kidddfu/echarts-map: 😱ECharts的map资源,js及json。ECharts Map。
合并地图上的区域
- ECharts合并地图上的区域 - 超频化石鱼的博客 - CSDN博客
- Echarts3之全国地图和省市地图二合一整合 - ZT的专栏 - CSDN博客
- Echarts地图合并提取 - 萝卜丶dada - CSDN博客
- Echarts地图相关功能整合 - 花飘万家雪 - CSDN博客
- Echarts地图详解(地图样式、合并地图、增加地图) - qq_21963133的博客 - CSDN博客
resource
- echarts各省份地图合并成一个JS文件-CSDN下载
- echarts地图扩展中国分区域geoJSON地图数据-CSDN下载
demo
- 【echarts】--地图添加边界,图层的叠加以及散点图的实现 - lyn - CSDN博客
- Echarts实现地图下钻+对应区域数据展示+右键返回上一级 - 逆水行舟,不进则退 - CSDN博客
- ECharts中国地图篇-名称经纬度调整 - 唐策的博客 - CSDN博客
- ECharts Demo
- 4个Web前端经典实用绝对值得学习收藏的地图实现模板(一)-CSDN下载
- china.js实现中国地图 - CSDN博客
- echarts地图全国省份js资源-CSDN下载
- ECharts的map资源,js及json。ECharts Map-CSDN下载
- echarts china map-CSDN下载
- echarts 中国地图 china.js SVG 地图-CSDN下载
- Openlayers4.6.3模仿迁徙图 - 未来的大神 - 简书
- 使用echarts模拟迁徙图 - 掘金
FAQ
- ECharts3基础教程(三)title配置篇 - CSDN博客
- echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐) - CSDN博客
- echarts 随屏幕大小改变大小chart.resize() - CSDN博客
- echarts自定义tooltip显示内容 - ZhonG_z的个人空间 - 开源中国
- 关于echarts使用的常见问题总结 - 李文杨 - 博客园
- World Flights - Powered by ECharts-X
- Echarts(二、柱状图(各参数详细描述)) - CSDN博客
- 浅谈Echarts 使用配置 - CSDN博客
- ECharts属性设置 - CSDN博客
- echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐) - CSDN博客
- ECharts Gallery 使用指南
- ECharts力导向图,节点为图片修改样式。 - 开源中国社区
- echarts 地图标注 symbol - CSDN博客
- Echarts的graph关系图的节点图片自定义及关系边上的提示框内容自定义 - CSDN博客
- echarts2.0中的树图结构,怎么能更改默认自带的圆形,在哪里能修改-CSDN论坛
demo
- ECharts Gallery
- ECharts Gallery
- ECharts Gallery
- ECharts Gallery
- World Flights - Powered by ECharts-X
- ECharts Gallery
ervy
- chunqiuyiyu/ervy: Bring charts to terminal.
- Ervy - Bring charts to terminal.
elycharts
- Elycharts | Elycharts, the ultimate javascript charting library
- voidlabs/elycharts: Interactive Javascript (SVG|VML) Charting Library
Envision.js
- envision - demos
- HumbleSoftware/envisionjs: Dynamic HTML5 visualization
ember-charts
- Addepar/ember-charts
fusioncharts
- JavaScript charts for web & mobile | FusionCharts
- FusionCharts Technologies
flot
- Flot: Attractive JavaScript plotting for jQuery
- flot/flot: Attractive JavaScript charts for jQuery
frappe
- Frappe Charts: Simple and Modern SVG Charts
- frappe/charts: Simple, responsive, modern SVG Charts with zero dependencies
flowchart.js
- flowchart.js
- adrai/flowchart.js: Draws simple SVG flow chart diagrams from textual representation of the diagram
Grafico
- Grafico: Javascript charting library • Design • Kilian Valkhof
graphdracula
- Dracula Graph Library | Graph Computation, Layout, Algorithms for JavaScript
graphviz
- Graphviz - Graph Visualization Software
g6
- antvis/G6: ♾ A Graph Visualization Framework in JavaScript
- G6 图可视化引擎 | AntV
highcharts
Highcharts core
- Highcharts API 文档 | Highcharts
- Highcharts中文论坛
- Interactive JavaScript charts for your webpage | Highcharts
- highcharts/highcharts: Highcharts JS, the JavaScript charting framework
- github.highcharts.com
- 兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts
- undefined 简数 CDN
- 动态更新的图表 | Highcharts
- 图表导出模块概述 | Highcharts 使用教程
- HighChart前后台封装,构造个性化图表插件highChartTools,快捷创建各种图表 - SoFeelLove的专栏 - CSDN博客
- 兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts
instance
Gantt
- Gantt chart –
- Highcharts Gantt is in Alpha! - Highcharts
- Gantt chart | JShare
- highcharts 获取图表对象的几种方法 - liuqiaoying_lqy的专栏 - CSDN博客
- 图表对象获取方法 | JShare
辅助线&注释
- highcharts实现画辅助线功能并删除 - ZRRJDD - 博客园
- highcharts注释功能 - ZRRJDD - 博客园
- blacklabel/annotations: Annotations plugin for Highstock by Black Label
- Demo
- Custom events - Highcharts module
- ZRRJDD/highchart: 主要存放highchart功能相关源码。
demo
- 正态分布图 | JShare
- 基础柱形图 | JShare
- 直方图 | JShare
- 更新数据列数据 | JShare
- 设置区域划分线代表的值为5.5 | JShare
- 设置区域划分带的颜色为#FCFFC5 | JShare
- Highcharts Demo - JSFiddle
- 数组数据进行关联 | JShare
- 动态更新坐标轴 | JShare
- 直线图数据点点击事件 | JShare
- 数据列点击事件 | JShare
- 各种更新数据列 | JShare
- 获取选中的数据列 | JShare
- 删除数据列 | JShare
- 极地图 | JShare
- 蜘蛛图 | JShare
- 高级更新 | JShare
jscharts
- JS Charts - Free JavaScript charts
jfreechart
- JFreeChart
jsxgraph
- JSXGraph - JSXGraph
- JSXGraph
Least.js
- kamilczujowski/least.js-2: This plugin is no longer maintained – Random and Responsive HiDPI jQuery Gallery based on HTML5 and CSS3
mermaid
- knsv/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
- mermaid · GitBook
¥Map
- 地图选择器
mapkitjs
- MapKit JS - Maps - Apple Developer
morris.js
- morris.js
- morrisjs/morris.js: Pretty time-series line graphs
mxgraph(可画拓扑流程图等)
- jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library
- JavaScript Diagramming
- mxGraph 开发样例展示 - diydyq - 博客园
- mxGraph 用户手册 – JavaScript客户端 - Kora - 博客园
- mxGraph - CSDN博客
- mxGraph 3.9.8
- Mxgraph使用总结一 - shawWey - 博客园
- mxgraph进阶(五)搭建mxGraph简单应用 - CSDN博客
- mxgraph - CSDN博客
OrgChart
- dabeng/OrgChart: It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.
- caprica/jquery-orgchart: JQuery Organisation Chart Plugin
- wesnolte/jOrgChart: A jQuery plugin to draw tree-like structures such as OrgCharts.
paperjs
- Paper.js
- paperjs/paper.js: The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey
pizza-pie-charts
- Pizza Pie Charts | Playground from ZURB
- zurb/pizza: Better pie, donut, line, and bar graphs.
processingjs
- Processing.js
- processing-js/processing-js: A port of the Processing visualization language to JavaScript.
p5.js
- p5.js | home
- processing/p5.js: p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
- mapk/p5js-block: A p5.js block for Gutenberg in WordPress
plantuml
- 开源工具,使用简单的文字描述画UML图。
pigeon-maps
- mariusandra/pigeon-maps: ReactJS Maps without external dependencies
- pigeon-maps
Rappid
- Rappid: Powerful visual tools at your fingertips
reference
- Raphaël Reference
- DmitryBaranovskiy/raphael: JavaScript Vector Library
- Raphaël—JavaScript Library
raphael
- Raphaël Reference
- Raphaël—JavaScript Library
- Raphaël Reference
- DmitryBaranovskiy/g.raphael: Charts for Raphaël
- crccheck/raphael-svg-import-classic: Import SVG files to Raphael
- DmitryBaranovskiy/raphael: JavaScript Vector Library
- neveldo/jQuery-Mapael: jQuery plugin based on raphael.js that allows you to display dynamic vector maps
rawgraphs
- RAWGraphs
- densitydesign/raw: The missing link between spreadsheets and data visualization
rgraph
- RGraph is a Free and Open Source JavaScript charts library for websites
roughViz
- jwilber/roughViz: Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
SVG.js
- SVG.js | Home
- svgdotjs/svg.js: The lightweight library for manipulating and animating SVG
Sinomap
- Sinomap - 超轻量 JS 地图库
- doodlewind/sinomap: 🌎 Super lightweight canvas map lib.
smoothiecharts
- Smoothie Charts: A JavaScript Charting Library for Streaming Data
- joewalnes/smoothie: Smoothie Charts: smooooooth JavaScript charts for realtime streaming data
Sparky
- Sparky
sigmajs
- Sigma js
- jacomyal/sigma.js: A JavaScript library dedicated to graph drawing
SVGator
- SVG Animation Creator - Animate and Export SVG | SVGator
tui-chart
- TOAST UI :: Make Your Web Delicious!
- nhnent/tui.chart: 🍞🍯 Beautiful chart for data visualization.
vis.js
- vis.js - A dynamic, browser based visualization library.
- almende/vis: vis.js is a dynamic, browser-based visualization library
$signal
热力图
- Web数据可视化-手把手教你实现热力图 - 掘金
- Rappid: Powerful visual tools at your fingertips
- GoJS Diagrams for JavaScript and HTML, by Northwoods Software
- chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag
- 4个Web前端经典实用绝对值得学习收藏的地图实现模板(一)-CSDN下载
- TOAST UI :: Make Your Web Delicious!
- 【精心推荐】几款实用的 JavaScript 图形图表库 - 梦想天空(山边小溪) - 博客园
- 推荐12个最好的 JavaScript 图形绘制库 - 梦想天空(山边小溪) - 博客园
- 像素地图生成工具帮助你快速生成精美地图 - 梦想天空(山边小溪) - 博客园
- 推荐18个基于 HTML5 Canvas 开发的图表库 - 梦想天空(山边小溪) - 博客园
- 数据可视化|数据可视化分析|数据可视化工具|数据可视化大屏幕展示 —UILeader
- The Best JavaScript Data Visualization & Charting Libraries 2018 | Code Wall
- From data to Viz | Find the graphic you need
- 地图选择器
$网络请求服务相关
¥axios
axios core
- axios/axios: Promise based HTTP client for the browser and node.js
- Axios
- 使用说明 · Axios 中文说明 · 看云
- axios-es6 - npm
- axios中文文档 - CSDN博客
- axios2 - npm
- axios - npm
- axios中文网|axios API 中文文档 | axios
axios-service
- Package - axios-service
- libaoxu/axios-service: make axios more easlier to use in code
¥axios 教程
axios config
- Vue中axios的使用技巧配置项详解 - 牙疼哥哥 - 博客园
- axios使用说明书 - 掘金
axios 文件
- vue+axios实现文件下载 - 邵阳肖敏的博客 - CSDN博客
- vue中利用axios实现文件上传进度实时更新 - 瑞雪的前端学习 - SegmentFault 思否
- axios 进行文件上传 - java_goodstudy的博客 - CSDN博客
- vue+axios实现文件下载及vue中使用axios的实例_vue.js_脚本之家
- axios上传文件爬坑之路 - 简书
- 01vue+axios+formData实现文件上传(包含简单的Java后台) - 简书
- axios 实现 文件上传 - 木流沙的博客 - CSDN博客
- vue+axios实现文件下载 - yulj - 博客园
- vue axios实现文件上传 - 蜗牛速度额的博客 - CSDN博客
contentType和responseType
- javascript - axios 的responseType 类型动态设置 - SegmentFault 思否
- 在IE9下,当responseType设置为json, response.data为undefined - qq_19739063的博客 - CSDN博客
- axios 的responseType 类型动态设置_慕课猿问
- axios发送post请求,默认的content-type - 杭州半云-王晓刚 - 博客园
interceptors
- Instance does not have global interceptors · Issue #993 · axios/axios
- axios 拦截器只能添加到实例上 - 简书
transformRequest和transformResponse
- 用户对问题“如何使用transformRequest和transformResponse修改$资源的数据?”的回答 - 问答 - 云+社区 - 腾讯云
URLSearchParams
- axios 请求接口报错 URLSearchParams undefined - Cherishwcc的博客 - CSDN博客
- URLSearchParams 接口定义处理 URL 参数串 - AlanTao - 博客园
- javascript - URLSearchParams append方法通过for循环后为空 - SegmentFault 思否
- 使用URLSearchParams处理axios发送的数据 - 李佳骏 - 博客园
- vue.js - 为什么要用URLSearchParams格式化参数,一个一个append进去不是很麻烦吗? - SegmentFault 思否
- URLSearchParams 对象用法-蚂蚁部落
- new URLSearchParams() 内置对象获取地址栏的参数 通过键的方式拿到值 - hc2018的博客 - CSDN博客
- 除了使用URLSearchParams处理axios发送的数据,但是兼容性不好,其他的兼容方法 - 前端++ - 博客园
- URLSearchParams 配合 axios 提交重复的参数_慕课手记
axios FAQ
- vue + axios 封装ajax,针对 form 提交和 application/json 提交的两种封装方式 - 转身那一瞬 - CSDN博客
- axios 实现loading加载提示 · 小龙哥的前端博客 · 看云
- React 用axios 获取遍历json 引入swiper轮播图 - 掘金
- axios post请求数据,在Content-Type为application/x-www-form-urlencoded情况下,data如何转换为json的解决办法 - Qlily_ing的博客 - CSDN博客
- 萌新用vue + axios + formdata 上传文件的爬坑之路 - qq_41688165的博客 - CSDN博客
- axios 发送formData参数 - ttxxsir的博客 - CSDN博客
- Axios传参的两种方式,表单数据和json字符串(Form Data和Request Payload) - Zack_ZXY的博客 - CSDN博客
- axios配置后,post提交formdata - 你蠢哭我咯的博客 - CSDN博客
- 使用axios发送application/json请求,数据以payload提交在服务端如何解析数据 - az44yao的专栏 - CSDN博客
- Axios同一请求发送两次 解决方案(亲测可行) - 记录程序的点点滴滴! - CSDN博客
- vue axios POST请求中参数以form data和request payload形式的原因 - YUSIR 完美CODING世界 - CSDN博客
- vue中axios请求payload的暴力解决方案 - qq_36539075的博客 - CSDN博客
- axios发起表单提交POST请求,请求体中的数据为Request Payload - qq_37301432的博客 - CSDN博客
- axios post提交的Content-Type - 庞国明 - 博客园
- axios 发 post 请求的问题 - 简书
- axios发送post请求,springMVC接收不到数据问题 - 简书
- Vue 使用axios 发送post请求,参数格式有错误问题 - 你好邱林和的专栏 - CSDN博客
- Vue乱搞系列之axios发起表单请求 - 简书
- vue axios看前后端数据交互 - 书写人生 - CSDN博客
- axios 二次封装 api的统筹管理 配合async await实际项目中的运用 - 简书
- vue中axios请求的封装 - 掘金
- axios关于针对请求时长策略设计的思考 - 掘金
- axios中文文档 - 简书
- vue axios全攻略 - 最骚的就是你 - 博客园
- 一个axios的简单教程 - 简书
- axios - Catie - CSDN博客
- vue中使用axios最详细教程 - 华猿 - 博客园
- axios全攻略 | 羸弱的小金鱼
- axios基本用法 - 故园苒苒 - 博客园
- vue--------之axios的使用与二次封装 - CSDN博客
- vue全家桶 ---axios的使用和二次封装 - 掘金
- Progressive Web Applications - 故园苒苒 - 博客园
- 第十章:vue2中axios请求服务端数据 - CSDN博客
- vue-cli中怎么基于axios去封装方法 - 掘金
- 解决请求unable to decode value问题 - 简书
- axios.defaults 配置默认, axios.interceptors拦截器 - qq_34164814的博客 - CSDN博客
- axios统一配置&请求错误时自动重试 - 简书
- vue axios全攻略 - 最骚的就是你 - 博客园
- vue2.0项目实战(3)使用axios发送请求 - _marven - 博客园
¥fly.js
- wendux/fly: Supporting request forwarding and Promise based HTTP client for all JavaScript runtimes.
- flyio - npm
- flyio-起步
- wendu's git page
- flyio-Get started
- JS HTTP请求终极解决方案 - fly.js - 简书
- fly.js vs axios - 掘金
- JS HTTP 请求终极解决方案 - fly.js - 掘金
- 强烈推荐:支持Vue家族全系框架的跨平台http请求库-fly.js - 个人文章 - SegmentFault 思否
- fly.js—Node下增强的API - 简书
- fly.js - 专题 - 简书
- 支持所有JavaScript运行时的HTTP网络库-Fly.js - 杜文的专栏 - CSDN博客
- JS HTTP 请求终极解决方案 - fly.js - 杜文的专栏 - CSDN博客
¥InstantClick快速响应
- InstantClick — JS library to make your website instant
- dieulot/instantclick: InstantClick makes following links in your website instant.
- 完美解决有关预加载InstantClick的问题-js教程-PHP中文网
- Events and script re-evaluation in InstantClick
- InstantClick提升页面加载速度,让你的网站与众不同!-小锋博客
- 关于预加载InstantClick的问题解决方法_javascript技巧_脚本之家
- 使用InstantClick.js让页面提前加载200ms_javascript技巧_脚本之家
¥intercooler-js
- intercoolerjs/intercooler-js: Making AJAX as easy as anchor tags
- intercooler.js - Simple AJAX using HTML attributes
- Intercooler.js – 让 AJAX 像锚标签一样简单 - 梦想天空(山边小溪) - 博客园
¥pjax
- jQuery+pjax简单示例汇总 - 疯子110 - 博客园
- defunkt/jquery-pjax: pushState + ajax = pjax
- jquery.pjax | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- jQuery.pjax.js使用AJAX和pushState无刷新加载网页 - 插件脚本 - 问说网
- 通过pjax实现无刷新翻页(兼容新版jquery)_jquery_脚本之家
- jQuery pjax 应用简单示例 - 个人文章 - SegmentFault 思否
- jquery.pjax.js bug问题解决集锦 - 好库文摘
- welefen/pjax: ajax + history.pushState = pjax
- pjax
- PJAXPage首页、文档和下载 - 基于 jQuery 的分页工具 - 开源中国
- pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.
- pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.
- xixifeng/pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.
¥request
- request/request: 🏊🏾 Simplified HTTP request client.
¥retrofit-cjs
¥URL库
URLSearchParams
url-search-params
- WebReflection/url-search-params: Simple polyfill for URLSearchParams standard
- URLSearchParams - Web APIs | MDN
- plesiecki/tiny-search-params: Tiny (~300b) and ultra fast query-string like utility
- stevenvachon/is-urlsearchparams: Determines whether a value is a URLSearchParams instance.
- athanclark/purescript-web-urlsearchparams: Binding to the javascript Web URLSearchParams browser API
检测&解析URL
Url.js
- JavaScript 功能类 Url.js - 简书
- Url.combine 展示 - WEB源码js/css/H5 - JSRUN
- websanova/js-url: url() - A simple, lightweight url parser for JavaScript
- jillix/url.js: A lightweight JavaScript library to manipulate the page url.
- Zod-/jsVideoUrlParser: A javascript parser to extract informations like provider, channel, id, start time from YouTube, Vimeo, Dailymotion, Twitch,... urls
- allmarkedup/purl: [NO LONGER MAINTAINED] A JS utility for for parsing URLs and extracting information out of them.
- ljosa/urlize.js: JavaScript port of Django's function for converting URLs in text into clickable links.
- url.js
- kevincox/url.js: URL parsing in javascript.
URL 解析
- unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments.
- URL() - Web API 接口 | MDN
- URL() - Web APIs | MDN
- HTMLAnchorElement - Web API 接口 | MDN
- HTMLAreaElement - Web API 接口参考 | MDN
- RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax
- urlencode - When to encode space to plus (+) or %20? - Stack Overflow
- HTTP URL Path Parameter Syntax — Dorian Taylor
- unshift.io
- 常见面试题 - URL 解析 - 掘金
- 【读】这一次,让我们再深入一点 - URL你是否真的了解? - 掘金
url-search-params
- WebReflection/url-search-params: Simple polyfill for URLSearchParams standard
- jerrybendy/url-search-params-polyfill: a simple polyfill for javascript URLSearchParams
- ungap/url-search-params: The URLSearchParams polyfill
- alexcorvi/anchorme.js: Tiny, fast, efficient, feature rich Javascript library to detect links / URLs / Emails in text and convert them to clickable HTML anchor links
- jquery获取url参数及url加参数的方法_jquery_脚本之家
- URL中的# - 掘金
- URL原理、URL编码、URL特殊字符 - 简书
querystring
- querystring | Node.js API 文档
- Query String | Node.js v10.0.0 Documentation
- sindresorhus/query-string: Parse and stringify URL query strings
- query-string - npm
- ljharb/qs: A querystring parser with nesting support
- qs - npm
- Request 对象之QueryString集合
- JavaScript获取URL中参数querystring的方法详解_javascript技巧_脚本之家
url-polyfill
- lifaon74/url-polyfill: Polyfill URL and URLSearchParams to match last ES7 specifications
- LvChengbin/url: Polyfill for URL and URLSearchParams conforming the implementation of Google Chrome
- stevenvachon/universal-url: WHATWG URL for Node & Browser.
- stevenvachon/universal-url-lite: A smaller Universal WHATWG URL, for Browserify/etc.
- bryanthomaschen/re-url
¥判断网络连接状态
Offline.js
- Offline.js – Handle your users losing their internet connection like a pro
- HubSpot/offline: Automatically display online/offline indication to your users
¥检测网页中图片加载
- imagesLoaded – 检测网页中的图片是否加载 - 梦想天空(山边小溪) - 博客园
¥网络请求
- webmodules/jsonp: A simple JSONP implementation
- HolyZheng/jsonpGet: A simple lib for Jsonp Cross-domain Request, it returns a promise。一款用于jsonp跨域请求的插件,并经过promise封装,简单易用。
- glangzh/retrofit-cjs: retrofit-cjs 是一个基于JavaScript装饰器(Decorator)和 axios 实现的网络请求库, 支持Vue / React / react-native 等常用框架, 支持node.js
- JS 中的网络请求 AJAX, Fetch, WebSocket - 掘金
- 如何在 Web 关闭页面时发送 Ajax 请求 - 掘金
- Web Beacon 刷新/关闭页面之前发送请求 - 掘金
- 前端数据请求的终极方案 - 掘金
- Form表单提交的四种数据格式 - 掘金
- 也许这是最优雅的前端请求方案 - 掘金
$验证、识别功能
¥身份证
IDValidator
- mc-zone/IDValidator: 中国大陆个人身份证号验证 Chinese Mainland Personal ID Card Validation
¥智能识别库
浏览器指纹库
- FingerprintJS - 在浏览器端实现指纹识别 - 梦想天空(山边小溪) - 博客园
- Fingerprintjs by Valve
- Valve/fingerprintjs: Anonymous browser fingerprint
OCR (光学字符识别)程序
网页语音识别库
- Julius JS – 最流行的网页语音识别库 - 梦想天空(山边小溪) - 博客园
- 「圣诞特辑」纯前端实现人脸识别自动佩戴圣诞帽 - 掘金
$web功能类
¥平台,OS,IP或浏览器相关
检测平台、IP、操作系统、MAC、主机名、机型与方向信息
判断浏览器类型及版本
- JavaScript判断浏览器类型及版本(整理) - sunny的专栏 - CSDN博客
- 2016年最常见浏览器的 UA(User Agent/用户代理)目测很全面 - AE博客|墨渊
- JavaScript获取浏览器类型与版本 - 孤傲苍狼 - 博客园
browser
- mumuy/browser: Useragent analysis tool.浏览器分析判断工具 - 用户代理、操作系统信息
device.js
- borismus/device.js: Semantic client-side device detection with Media Queries
- device.js
- 用户代理检测与浏览器Ua详细分析 - 黄映焜 - 博客园
- User Agent - HTTP服务器识别OS操作系统 Web浏览器版本的用户代理
- JavaScript 判断 iPhone X Series 机型 - 掘金
- JS获取客户端IP地址、MAC和主机名的7个方法汇总_javascript技巧_脚本之家
- Browser detection using the user agent - HTTP | MDN
current-device
- current-device
- matthewhudson/current-device: The easiest way to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS, MeeGo), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).
mobile-detect.js
- hgoebl/mobile-detect.js: Device detection (phone, tablet, desktop, mobile grade, os, versions)
- mobile-detect.js | Device detection (phone, tablet, desktop, mobile grade, os, versions)
检测浏览器、UserAgent
- ray-lothian/UserAgent-Switcher: UserAgent Switcher is a browser extension to spoof & mimics User-Agent strings
ua-device
- fex-team/ua-device: userAgent解析库
- ua-device.js - ua-device.js
检测过时浏览器
- Outdated Browser
判断网页是闲置还是活动
ifvisible.js
- serkanyersen/ifvisible.js: [TypeScript port available in beta] Crossbrowser & lightweight way to check if user is looking at the page or interacting with it.
- Ifvisible.js by serkanyersen
快速响应页面滚动操作
headroom.js
- Hide your header on scroll - Headroom.js
- WickyNilliams/headroom.js: Give your pages some headroom. Hide your header until you need it
os.js
- OS.js – 开源的 Web OS 系统,赶快来体验 - 梦想天空(山边小溪) - 博客园
¥Web 动态热图
- Heatmap.js v2.0 – 最强大的 Web 动态热图 - 梦想天空(山边小溪) - 博客园
¥移动 Web App 开发的 JS 界面库
- appjs/appjs: (Deprecated!) SDK on top of nodejs to build desktop apps using HTML5/CSS/JS
- AppJS
- Home · appjs/appjs Wiki
- App.js 让移动应用更简单 | 菜鸟教程
- WebApp UI框架App.js的入门介绍和使用手册 - 25学堂
- AppJS首页、文档和下载 - 开发桌面应用的 JS 库 - 开源中国
¥在应用程序中轻松实现引导功能
- Shepherd – 在应用程序中轻松实现引导功能 - 梦想天空(山边小溪) - 博客园
¥Gremlins.js – 模拟用户随机操作的JS测试库
- Gremlins.js – 模拟用户随机操作的 JS 测试库 - 梦想天空(山边小溪) - 博客园
- marmelab/gremlins.js: Monkey testing library for web apps and Node.js
¥js 引擎
quickjs
- QuickJS Javascript Engine
JS游戏引擎
akihabara
- Akihabara
- kesiev/akihabara: A game engine for making classic arcade style games using Javascript and HTML5. We're starting moving on a re-organized repo here: https://github.com/akihabara
Aves
- Aves: an HTML & Javascript game engine - Wonderland
boardgame
- Overview - boardgame.io
- nicolodavis/boardgame.io: Open Source Game Engine for Turn-Based Games
CreateJS
EaselJS
- CreateJS/EaselJS: The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.
- Create.js - Make anything editable
- CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
- CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
- CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
Crafty.js
- Crafty - JavaScript Game Engine, HTML5 Game Engine
- craftyjs/Crafty: JavaScript Game Engine
cocos2d-javascript
- ryanwilliams/cocos2d-javascript: An HTML5 / JavaScript port of the Cocos2D graphics engine
- Website is not available
clanfx
- The ClanFX Javascript Game Engine download | SourceForge.net
cssgameengine
- cssgameengine
copperlicht
- CopperLicht - JavaScript/WebGL 3D library
enchant.js
- enchant.js - A simple JavaScript framework for creating games and apps.
- wise9/enchant.js: A simple JavaScript framework for creating games and apps
gamequeryjs
- gameQuery - a javascript game engine with jQuery
- onaluf/gameQuery: a javascript game engine with jQuery
gogomakeplay
- About Me - GogoMakePlay.com
gamejs
- Home
- GameJs/gamejs: GameJs is a thin library on top of the HTML canvas element. In addition to the drawing functions it has a set of generally helpful modules for game development.
jsgamesoup
- jsgamesoup
J5g3
- j5g3 - HTML5 Game Development Tools
- j5g3/docma: Javascript documentation tool.
jawsjs
- Jaws » HTML5 Javascript game engine / development library
limejs
- LimeJS HTML5 Game Framework
- digitalfruit/limejs: HTML5 game framework for web and iOS
moleculejs
- Molecule JS | Tech and Internet Service Jargon That Sometimes Makes Sense – Tech and Internet Service Jargon
phaser
- Phaser - A fast, fun and free open source HTML5 game framework
- Tutorial: How to Make Flappy Bird in HTML5 With Phaser 1
quintus
- Quintus JavaScript HTML5 Game Engine
- cykod/Quintus: HTML5 Game Engine
Starling JS
- Starling JS - The Open Source Game Engine for JavaScript
TheRenderEngine
- bfattori/TheRenderEngine: Currently rewriting in ES6 and removing a lot of old polyfills
- Therenderengine by bfattori
- Popmotion – 小巧,灵活的 JavaScript 运动引擎 - 梦想天空(山边小溪) - 博客园
2D物理引擎
- Matter.js – 你不能错过的 2D 物理引擎 - 梦想天空(山边小溪) - 博客园
Verlet-js
- subprotocol/verlet-js: A simple Verlet physics engine written in javascript
快速可靠的实时引擎
- Socket.IO 1.0 正式发布,快速可靠的实时引擎 - 梦想天空(山边小溪) - 博客园
- Popmotion – 小巧,灵活的 JavaScript 运动引擎 - 梦想天空(山边小溪) - 博客园
¥HighLight
PrismJS
- PrismJS/prism: Lightweight, robust, elegant syntax highlighting.
- Prism.js
- Prism
- SamyPesse/draft-js-prism: Code highlighting for DraftJS using Prism
- addyosmani/prism-js: A Polymer element for syntax highlighting with Prism.js
- ele828/hexo-prism-plugin: Hexo plugin for code highlighting by prism.js, supporting JSX syntax
- egoist/vue-prism-component: highlight code using prism.js and vue component
- JaxsonWang/Prism.js-Style
- withspectrum/draft-js-prism-plugin: Add syntax highlighting support to your DraftJS editor
Plugins
- Download ▲ Prism
- Extending Prism ▲ Prism
- Line highlight ▲ Prism plugins
- Line Numbers ▲ Prism plugins
- Show Invisibles ▲ Prism plugins
- Autolinker ▲ Prism plugins
- WebPlatform Docs ▲ Prism plugins
- Custom Class ▲ Prism plugins
- File Highlight ▲ Prism plugins
- Show Language ▲ Prism plugins
- JSONP Highlight ▲ Prism plugins
- Highlight Keywords ▲ Prism plugins
- Remove initial line feed ▲ Prism plugins
- Previewers ▲ Prism plugins
- Autoloader ▲ Prism plugins
- Keep markup ▲ Prism plugins
- Command Line ▲ Prism plugins
- Unescaped markup ▲ Prism plugins
- Normalize Whitespace ▲ Prism plugins
- Data-URI Highlight ▲ Prism plugins
- Toolbar ▲ Prism plugins
- Copy to Clipboard ▲ Prism plugins
highlight.js
- highlightjs/highlight.js: Javascript syntax highlighter
- highlight.js - npm
- highlight.js
- highlight.js developer documentation — highlight.js 9.12.0 documentation
- CSS classes reference — highlight.js 9.12.0 documentation
- highlight.js/AUTHORS.en.txt at master · highlightjs/highlight.js
- 高亮:单关键词、多关键词、多组多关键词,从简单到复杂实现满足多方面需求的页面关键词高亮 - 掘金
¥RSS
RSS 生成器
RSSHub
- DIYgod/RSSHub: 🍰 万物皆可 RSS
¥协作编辑
ShareJS
- josephg/ShareJS: Collaborative editing in any app
¥浏览器行为
¥route
- ribbitjs/ribbit: Standalone CLI for easy static file generating and route management.
¥web爬行和抓取库
- apifytech/apify-js: Apify SDK: The scalable web crawling and scraping library for JavaScript. Enables development of data extraction and web automation jobs (not only) with headless Chrome and Puppeteer.
- apify - npm
¥存储、异步存储
WebStorage
localStorage
- machao/localStorage: 全浏览器兼容localStorage组件
localForage--实现 Web 离线存储
- localForage——轻松实现 Web 离线存储 - 梦想天空(山边小溪) - 博客园
- localForage/localForage: 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
- localForage
store.js
- store.js - 轻松实现本地存储(LocalStorage) - 梦想天空(山边小溪) - 博客园
- marcuswestin/store.js: Cross-browser storage for all use cases, used across the web.
store
- nbubna/store: A better way to use localStorage and sessionStorage
使用异步存储提升 Web 应用程序的离线体验
- 使用异步存储提升 Web 应用程序的离线体验 - 梦想天空(山边小溪) - 博客园
- scotttrinh/angular-localForage: Angular service & directive for https://github.com/mozilla/localForage (Offline storage, improved.)
- tkh44/react-localforage: 👨🌾 Declarative localForage in React
- genkgo/ember-localforage-adapter: Offline usage for Ember Data, based on localstorage adapter, but now uses Mozilla's localforage as data source
- thgreasi/localForage-cordovaSQLiteDriver: SQLite driver for Cordova apps using localForage.
- alekseykulikov/storage: Asynchronous browser storage with multiple back-ends (IndexedDB, WebSQL, localStorage)
- shidianxia/vue-localforage: A simple Vue plugin wrapped from localForage.
- localForage/localForage-backbone: Backbone.js driver for the localForage offline storage library
- 📦 首个浏览器内置模块 kv-storage 异步版的 localStorage - 掘金
indexeddb
IndexedDBShim
- axemclion/IndexedDBShim: A polyfill for IndexedDB using WebSql
Dexie.js
- dfahlander/Dexie.js: A Minimalistic Wrapper for IndexedDB
- Dexie.js - Minimalistic IndexedDB Wrapper
IndexedDB
- w3c/IndexedDB: Indexed Database API
- Indexed Database API 3.0
idb
- jakearchibald/idb: IndexedDB, but with promises
- idb - npm
angular-indexedDB
- webcss/angular-indexedDB: An angularjs serviceprovider to utilize indexedDB with angular
indexeddb-backbonejs-adapter
- superfeedr/indexeddb-backbonejs-adapter: An indexedDB adapter for Backbonejs
- Superfeedr Blog - Backbonejs adapter for IndexedDB
IDBWrapper
- jensarps/IDBWrapper: A cross-browser wrapper for IndexedDB
- IDBWrapper
angular2-indexeddb
- gilf/angular2-indexeddb: angular2-indexeddb is a library that wraps indexeddb database in an Angular service.
level-js
- Level/level-js: An abstract-leveldown compliant store on top of IndexedDB.
db
- ngrx/db: RxJS powered IndexedDB for Angular apps
JsStore
- ujjwalguptaofficial/JsStore: JsStore is an IndexedDB Wrapper. It makes IndexedDB super easy with its SQL like apis.
- JsStore - Think in SQL and do in JS
treo
- treojs/treo: Consistent API to IndexedDB
- treojs.com
zangodb
- erikolson186/zangodb: MongoDB-like interface for HTML5 IndexedDB
- Index
idb.filesystem.js
- ebidel/idb.filesystem.js: HTML5 Filesystem API polyfill using IndexedDB
- idb.filesystem.js - npm
jquery-indexeddb
- axemclion/jquery-indexeddb: An IndexedDB Plugin for Jquery.
- Jquery IndexedDB Plugin
- HTML5 IndexedDB本地储存-H5教程-PHP中文网
- HTML5本地存储——IndexedDB(一:基本使用) - 谦行 - 博客园
- HTML5本地存储——IndexedDB(二:索引) - 谦行 - 博客园
- IndexedDB(一:基本使用) - 掘金
jsCache
- mortzdk/jsCache: jsCache is a javascript library that enables caching of javascripts, css-stylesheets and images using my localStorage polyfill. This is especially useful when serving your website for mobile phones, which has limited HTTP caching availabl
cookie
js-cookie
- js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies
cookie填充内容
JS Cookie 中文乱码
- [转]JS Cookie 中文乱码 - Seasons1987 - 博客园
- js读写cookie方式以及中文乱码问题 - CSDN博客
- jquery.cookie.js操作cookie实现记住密码功能 - 一刀3段 - ITeye博客
- jquery.cookie.js操作cookie实现“记住密码” - 横江东来 - 博客园
- jQuery cookie 实现记住用户名和密码功能 - 冯叶青 - 博客园
- jquery.cookie.js实现用户登录保存密码功能的方法_jquery_脚本之家
- jquery.cookie.js实现cookie记住用户名和密码 - lindaZ - 博客园
- 通过jquery.cookie.js实现记住用户名、密码登录功能 - CSDN博客
- jquery.cookie用法详细解析_jquery_脚本之家
- HTML5学习之关于Cookie的expires过期时间无效分析 - CSDN博客
- 正确使用 cookie 的 expires - CSDN博客
- Cookie的过期时间的是哪里的时区?-CSDN问答
- JS设置cookie、读取cookie、删除cookie_javascript技巧_脚本之家
- 不同浏览器Cookie有效期问题 - CSDN博客
- 傻傻分不清之 Cookie、Session、Token、JWT - 掘金
- 一文带你看懂cookie,面试前端不用愁 - 掘金
- 怎样与 CORS 和 cookie 打交道 - 掘金
- 我遇过的最难的Cookie问题 - 掘金
- 关于前后端写入Cookie时domain的一个问题 - 掘金
HTML5-离线缓存
- 网络应用清单 | Web | Google Developers
- Manifesto - An HTML5 Offline Application Cache verification bookmarklet
- HTML5-离线缓存(Application Cache) - 前端 - 掘金
- 聊一聊 H5 应用缓存 - Manifest - 掘金
- html5 manifest 离线缓存 - 前端 - 掘金
- 解锁缓存新姿势——更灵活的 Cache - 掘金
- PWA之前端项目,实现可安装、离线缓存、消息推送 - 掘金
- Android Webview H5 秒开方案实现 - 掘金
- [译]前端离线指南(上) - 掘金
- [译]前端离线指南(下) - 掘金
- 技术周刊(2019-01-14 客户端存储 ) - 掘金
¥新窗口
pennywise
browser-js
- kud/browser-js: A sugar for your browser.
¥使用声音控制网站
voix.js
- Voix JS Component
- pazguille/voix: A JavaScript library to add voice commands to your sites, apps or games.
¥管理会话历史记录
history
- history源码解析-管理会话历史记录 - 掘金
- ReactTraining/history: Manage session history with JavaScript
- 手把手带你上react-router的history车 - 掘金
- blog/analysis/history at master · sihai00/blog
- history - npm
history.js
- browserstate/history.js: History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype. For HTML5 brow
- History.js
¥pushState
pushy
- kibu-australia/pushy: Clojurescript library for quick and easy HTML5 pushState
jquery-ajaxy
- balupton/jquery-ajaxy: jQuery Ajaxy aims at solving complicated AJAX Paradigms by providing you with a easy managed solution to bind into page state (URL Hash) changes, AJAX form submits, and support AJAX links.
- jQuery Ajaxy
jquery-history
- balupton/jquery-history: Super-seeded by github.com/balupton/history.js - jQuery History allows you to easily track changes of the pages state by tracking URL Hashes. Supports changes triggered by bookmarks and back & forward buttons, as well as cross bro
- jQuery History - Simple History Handler/Remote for Hash, State, Bookmarking, and Forward Back Buttons
loadify.js
- aeurielesn/loadify.js: Loadify.js = jQuery + Anchors + Ajax + HTML5 History API.
¥页面预加载
prerender
- prerender/prerender: Node server that uses Headless Chrome to render a javascript-rendered page as HTML. To be used in conjunction with prerender middleware.
prerender-spa-plugin
- chrisvfritz/prerender-spa-plugin: Prerenders static HTML in a single-page application.
prerender-node
- prerender/prerender-node: Express middleware for prerendering javascript-rendered pages on the fly for SEO
quicklink
- GoogleChromeLabs/quicklink: ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time
vue-seo-prerender
- snipcart/vue-seo-prerender: Vue.js Tutorial: A Prerendered, SEO-Friendly Example
- Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example - Snipcart
- CSR、SSR、Prerender 原理全解密 - 掘金
¥分享功能
share.js
- overtrue/share.js: 一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等
$signal 功能
Senna.js
- Senna.js – 速度极快的单页应用程序引擎 - 梦想天空(山边小溪) - 博客园
cerebral
- Cerebral
- cerebral/cerebral: A state controller with its own debugger
- Cerebral Docs
Zepto
- Zepto.js – 为现代浏览器而生的轻量级 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- Zepto Docs
- madrobby/zepto: Zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API
- Zepto Docs
- Zepto,Zepto.js,Zepto API 中文版,Zepto.js API 中文版,Zepto 中文手册: 轻量级兼容jQuery的JavaScript库
- Zepto.js (1.2.0) API 中文文档-轻量级兼容jQuery的JavaScript库
- zepto源码注释 - zjhsd2007 - 博客园
NativeScript
- NativeScript - JS 构建跨平台的原生 APP - 梦想天空(山边小溪) - 博客园
A JS lib for building SQL queries
- lusakasa/sqorn: A Javascript library for building SQL queries
- Sqorn · A Javascript Library for Building SQL Queries
中国省市数据
Administrative-divisions-of-China
- modood/Administrative-divisions-of-China: 中华人民共和国行政区划:省级(省份直辖市自治区)、 地级(城市)、 县级(区县)、 乡级(乡镇街道)、 村级(村委会居委会) ,中国省市区镇村二级三
administrative-area
- ruoge3s/administrative-area: 一个抓取国家行政区划小爬虫
AreaAndBanks
- ALawating-Rex/AreaAndBanks: 中国省市区以及银行和银行支行等数据
area-data
- dwqs/area-data: 中国省市区数据(含港澳台)
china-location
- JasonBoy/china-location: 🇨🇳NPM Module for Chinese Administrative Division. 中国行政区划信息-区划代码数据库(GB/T 2260)
- 中国行政区划信息JS库china-location - 掘金
china_regions
- wecatch/china_regions: 最全最新中国省,市,地区json及sql数据
data_location
- mumuy/data_location: 中华人民共和国行政区划数据【省、市、区县、乡镇街道】中国省市区镇三级四级联动地址数据(GB/T 2260)
province-city-china
- uiwjs/province-city-china: 🇨🇳最全最新中国【省、市、区县、乡镇街道】json,csv,sql数据
- province-city-china - npm
- 最全最新🇨🇳中国【省、市、区县、乡镇街道】json,csv,sql数据 - 掘金
rn-china-region-picker
- hufeng/rn-china-region-picker: 中国的省市区的多重级联react-native组件
- pic.ofcard.com/themes/common/region/China_Region_Last.js
react-china-location
- JasonBoy/react-china-location: React Component for china-location
- 标准数据中国省市区+银行支行数据 | 氤氲抓不住
- AreaAndBanks/data at master · ALawating-Rex/AreaAndBanks
- AreaAndBanks: 中国省市区以及银行和银行支行等数据
- zengzhan/qqzeng-ip: 最新IP地址数据库-多语言解析以及导入数据库脚本
- 生成地址json地区树状数据 - CSDN博客
- eduosi/district: 中国省/自治区/直辖市、市/自治州、区/县/旗数据,包含名称、拼音、拼音首字母、行政代码、区号
- 全国各省市区城市编码SQL - CSDN博客
- 全国省市县三级数据库_Ghost_Running_新浪博客
- mumuy/widget: A set of widgets based on jQuery&&javascript. 一套基于jquery或javascript的插件库 :轮播、标签页、滚动条、下拉框、对话框、搜索提示、城市选择(城市三级联动)、日历等
- 中国省市列表的JSON数据 - CSDN博客
- 2018 全国所有省份,城市的json文件(全) - CSDN博客
- 全国省市区数据-json下载 - CSDN博客
- 解析全国省市区Json数据 - CSDN博客
- 最完整的全国省市区数据 - CSDN博客
- 全国省市区数据-json - CSDN博客
- 2017年全国省市区数据JSON-CSDN下载
- 全国城市列表对应的JSON数据-CSDN下载
- 全国各个省、市、区县的的Json数据(打开是各个省的Json数据、mapdata中有各个市、区县全部是分开的需要那个可以自由选择)-CSDN下载
- 国内省市数据 json - CSDN博客
- coderbusy/china-area: 采集整理来自民政部的行政区域信息
- 全国省市区数据-json - CSDN博客
- 城市三级联动 - citys
- passer-by.com
This is 数据处理类
$数据处理核心库
lodash
lodash core
- lodash/lodash: A modern JavaScript utility library delivering modularity, performance, & extras.
- Lodash
- Lodash Documentation
- Lodash 中文文档(v4.17.10)
- Lodash 中文文档 | Lodash 中文网
- lodash 中文网
- Lodash Archive
- Lodash custom builds
- lodash - npm
- lodash/lodash at 4.17.11-es
- lodash-es - npm
- Lodash 中文文档 | Lodash 中文网
lodash-fp
- lodash-archive/lodash-fp: Lodash with more functional fun.
- jfmengels/lodash-fp-docs
- lodash/fp at 4.17.11-npm · lodash/lodash
- jfmengels/eslint-plugin-lodash-fp: ESLint rules for lodash/fp
lodash-cli
- lodash-archive/lodash-cli: The Lodash command-line interface.
- Lodash custom builds
- lodash-cli - npm
- lodash-amd - npm
- wix/eslint-plugin-lodash: ESLint rules for lodash
- keywords:lodash-modularized - npm search
- 使用lodash深度对比出2个对象之间的差异 - 简书
- [译]如何在 Vue.js 中使用第三方库 · Issue #51 · dwqs/blog
- node.js - Unable to import lodash - Stack Overflow
- lodash在webpack中的各项优化的尝试 - 知乎
underscore
underscore core
- jashkenas/underscore: JavaScript's utility _ belt
- Underscore.js
- Underscore.js 中文文档
- Underscore.js(1.9.1) 中文文档
- Underscore.js(1.8.3) 中文文档
- zrysmt/DIY-underscorejs: 动手DIY一个underscorejs库及underscorejs源码分析博客使用的代码
- you-dont-need/You-Dont-Need-Lodash-Underscore: List of JavaScript methods which you can use natively + ESLint Plugin
- UnderscoreJS精巧而强大工具包 | 粉丝日志
- 动手DIY一个underscorejs库及underscorejs源码分析1 - CSDN博客
- JS高手进阶之路:underscore源码经典(一)_慕课手记
- JS高手进阶之路:underscore源码经典(二)_慕课手记
- 打造属于自己的underscore系列 ( 一 ) - 掘金
- 打造属于自己的underscore系列 ( 二 ) - 掘金
- 打造自己的underscore系列(三) - 掘金
- 打造属于自己的underscore系列(四) - 掘金
- 跟underscore一起学如何写函数库 - 掘金
- 跟underscore一起学数组去重 - 掘金
ramda
- ramda/ramda: Practical functional Javascript
- ramda/ramda-fantasy: Fantasy-Land compatible types for easy integration with Ramda.js
- selfrefactor/rambda: Faster and smaller alternative to Ramda
- Package - ramda
- Ramda Documentation
- Ramda Documentation
- Ramda 函数库参考教程 - 阮一峰的网络日志
- Ramda 函数库参考教程 - CSDN博客
- Ramda 常用函数(快速上手)_慕课手记
- 推荐一下Ramda.js - CNode技术社区
- Ramda 函数库参考教程 - SegmentFault 思否
lazy.js
- dtao/lazy.js: Like Underscore, but lazier
- Lazy.js - v0.5.1
immutable-js
- facebook/immutable-js: Immutable persistent data collections for Javascript which increase efficiency and simplicity.
- Immutable.js
- immutable-js/immutable-js: Immutable persistent data collections for Javascript which increase efficiency and simplicity.
- Immutable.js
- rtfeldman/seamless-immutable: Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects.
- 深入探究Immutable.js的实现机制(一) - 掘金
- 深入探究immutable.js的实现机制(二) - 掘金
just
- angus-c/just: A library of tiny, dependency-free JavaScript functions that do just do one thing.
- just-clone
$数据处理应用库
CountUp.js
- CountUp.js – 让数字以非常有趣的动画方式显示 - 梦想天空(山边小溪) - 博客园
mathjax
- mathjax/MathJax: Beautiful math in all browsers
- MathJax | Beautiful math in all browsers.
随机数库
random_compat
- paragonie/random_compat: PHP 5.x support for random_bytes() and random_int()
- Community Projects - Paragon Initiative Enterprises
Chance随机数
- chancejs/chancejs: Chance - Random generator helper for JavaScript
- Chance – 功能强大的 JavaScript 随机数生成类库 - 梦想天空(山边小溪) - 博客园
- Chance
- Js产生随机数的几种方法 - 青年a - 博客园
KaTeX
- KaTeX/KaTeX: Fast math typesetting for the web.
- KaTeX – The fastest math typesetting library for the web
$格式化相关
¥FormatJS
Core Libraries
- yahoo/intl-messageformat: Format a string with placeholders, including plural and select support to create localized messages.
- yahoo/intl-messageformat-parser: Parses ICU message strings to an AST that can be used to format the messages for a person's locale.
- yahoo/intl-relativeformat: Formats JavaScript dates to relative time strings (e.g., "3 hours ago").
- yahoo/intl-format-cache: Produces instances of JavaScript `Intl` formats, and caches them for reuse.
Polyfills
- andyearnshaw/Intl.js: Compatibility implementation of the ECMAScript Internationalization API (ECMA-402) for JavaScript
- yahoo/intl-locales-supported: Utility to help you polyfill the Node.js runtime when the Intl APIs are missing, or if the built-in Intl is missing locale data that you need.
Website
- yahoo/formatjs-site: Documentation for client/server internationalization in JavaScript.
formatjs
- FormatJS
- GitHub — FormatJS
- FormatJS – 让你的 Web 应用程序国际化 - 梦想天空(山边小溪) - 博客园
¥currencyFormatter.js
- CurrencyFormatter.js by OSREC Financial
- osrec/currencyFormatter.js: A super simple currency formatting library
¥字符串操作
voca
- panzerdp/voca: The ultimate JavaScript string library
- Voca: The JavaScript string library
- js格式化文件大小,单位:Bytes、KB、MB、GB - seesun2012的专栏 - CSDN博客
¥Dinero.js
- Dinero.js - Documentation
- sarahdayan/dinero.js: 💸 An immutable library to create, calculate and format money.
¥Lang.js
- rmariuzzo/Lang.js: Laravel Translator class in JavaScript!
¥html&xml解析
htmlparser2
- fb55/htmlparser2: forgiving html and xml parser
¥日期处理
Moment
- moment/moment: Parse, validate, manipulate, and display dates in javascript.
- Moment.js | Home
- Moment.js | Home
- Moment.js 中文网
- 使用moment.js轻松管理日期和时间 - 书写人生 - CSDN博客
date-fns
- date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️
- date-fns - modern JavaScript date utility library
- date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️
- Add a brief comparison with Moment.js? · Issue #275 · date-fns/date-fns
dayjs
- iamkun/dayjs: ⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API
- dayjs/README.zh-CN.md at master · iamkun/dayjs
- dayjs/Plugin.md at master · iamkun/dayjs
- dayjs/API-reference.md at master · iamkun/dayjs
- iamkun/dayjs: ⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API
- 打造 10000 Star 的前端开源项目 ⭐ - 掘金
You-Dont-Need-Momentjs
- you-dont-need/You-Dont-Need-Momentjs: List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin
luxon
- moment/luxon: ⏱ A library for working with dates and times in JS
- Luxon
¥时区库
spacetime
- spencermountain/spacetime: A lightweight javascript timezone library
- spencermounta.in/spacetime/
timeago.js
- hustcc/timeago.js: :clock8: timeago.js is a tiny(~2.0kb) library used to format date with `*** time ago` statement. eg: '3 hours ago'. No dependency & localization & tiny.
- timeago.js: is a tiny(2kb) library used to format date with `*** time ago`. eg: '3 hours ago'. No dependency.
农历 & 公历 & 干支
- wvv8oo/lunar: 农历与公历相互转换的模块,支持农历之间的加减运算,并提供生肖、干支等,支持1900-2100年。
fecha
- taylorhakes/fecha: Lightweight Javascript Date formatting and parsing
¥国际化与本地化
globalize
- globalizejs/globalize: A JavaScript library for internationalization and localization that leverages the official Unicode CLDR JSON data
- rxaviers/cldrjs: Simple CLDR traverser
- Globalize · So What'cha Want
- cldr.unicode.org
¥format input
- nosir/cleave.js: Format input text content when you are typing...
- insin/inputmask-core: Standalone input mask implementation, independent of any GUI
- the-darc/string-mask: A string formatter and validator based on masks.
- romulobrasil/PureMask.js: Biblioteca de mascaras em inputs de forms desenvolvido em Javascript puro. Library masks inputs on forms developed in pure JavaScript.
- autoNumeric/autoNumeric: autoNumeric is a standalone library that provides live as-you-type formatting for international numbers and currencies.
- Vanilla Masker – 功能强大的输入过滤插件 - 梦想天空(山边小溪) - 博客园
- vanilla-masker/vanilla-masker: VanillaMasker is a pure javascript mask input
- uNmAnNeR/imaskjs: vanilla javascript input mask
- Javascript Input Mask | imaskjs
- moip/awesome-mask: The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.
¥File Or Format Convert
gifify
- vvo/gifify: 😻 Convert any video file to an optimized animated GIF.
$数据操作相关
¥PourOver – 快速筛选和排序大的数据集合
- PourOver – 快速筛选和排序大的数据集合 - 梦想天空(山边小溪) - 博客园
- The PourOver Book · PourOver
- NYTimes/pourover: A library for simple, fast filtering and sorting of large collections in the browser. There is a community-maintained fork that addresses a handful of post-NYT issues available via @hhsnopek's https://github.com/hhsnopek/pourover
¥Google 统计分析库
- Boba.js – 用于 Google 统计分析 JavaScript 库 - 梦想天空(山边小溪) - 博客园
¥RxJS
RxJS core
- ReactiveX/rxjs: A reactive programming library for JavaScript
- RxJS-CN/RxJS-Ultimate-CN: RxJS Ultimate 中文版
- RxJS-CN/RxJS-Docs-CN: RxJS 5 中文文档
- RxJS-CN/learn-rxjs-operators: Learn RxJS 中文版 (通过清晰的示例来学习 RxJS 5 操作符)
- Reactive-Extensions/RxJSKoans: RxJS Koans
- Reactive-Extensions/RxJS-DOM: HTML DOM Bindings for the Reactive Extensions for JavaScript
- Reactive-Extensions/RxJS: The Reactive Extensions for JavaScript
- btroncone/learn-rxjs: Clear examples, explanations, and resources for RxJS 5/6+
- LeetCode-OpenSource/rxjs-hooks: React hooks for RxJS
- RxJS
- RxJS 中文文档
- ReactiveX
- 前言 · RxJS 5 基本原理
- 前言 · 学习 RxJS 操作符
RxJS awesome
- Functional Programming in Javascript
- RxJS-CN/rxjs-articles-translation: RxJS 优质文章翻译
- RxJS-CN/awesome-rxjs: Awesome list of RxJS 5
- ichpuchtli/awesome-rxjs: A collection of awesome RxJS resources
- Cmdv/React-RxJS: React + RxJs + React-Router + Webpack + babel and soon more
- 聊聊RxJS中的错误重试 - 掘金
- RxJS进阶——关于流的理解和应用 - 掘金
- 用 Rx.js 写个抛物线动画 - Lambda Academy
- DaoCloud 基于 RxJS 的前端数据层实践 - 知乎
¥ow(为人类设计的的函数参数验证)
- sindresorhus/ow: Function argument validation for humans
¥state management
mobx
MobX State Tree数据组件化开发
- [MobX State Tree数据组件化开发][0]:开篇 - 掘金
- [MobX State Tree数据组件化开发][1]:MST基础 - 掘金
- [MobX State Tree数据组件化开发][2]:实例-TodoList - 掘金
- [MobX State Tree数据组件化开发][3]:选择正确的types.xxx - 掘金
- mobxjs/mobx: Simple, scalable state management.
- Mobx如此简单 - 掘金
- 带你走进Mobx的原理 - 掘金
- niqingyang/mobx-loading: 参考了 dva-loading 的思路,基于 mobx 实现了用于监控各个 mode 和 effect 加载状态的组件
Flux
Flux core
- facebook/flux: Application Architecture for Building User Interfaces
- Flux | Application Architecture for Building User Interfaces
flux-standard-action
- redux-utilities/flux-standard-action: A human-friendly standard for Flux action objects.
- 前端Flux架构简介 -解道Jdon
- Flux简介 - 林涧的专栏 - CSDN博客
- 从React到Flux架构 - 简书
- Flux架构学习 - 不断成长的我 - CSDN博客
immer
- immerjs/immer: Create the next immutable state by mutating the current one
- Introduction to Immer · Immer
- Immer 全解析 - 掘金
SimpleStateManager
- jonathan-fielding/SimpleStateManager: A responsive state manager which allows you to run different javascript at different browser widths
- The Elm Architecture · An Introduction to Elm
- 基于Redux/Vuex/MobX等库的通用化状态OOP - 掘金
- Vuex、Flux、Redux、Redux-saga、Dva、MobX
¥utility
- node-modules/utility: A collection of useful utilities.
- access log date format · jsPerf
¥memoization
- alexreardon/memoize-one: A memoization library which only remembers the latest invocation
- caiogondim/fast-memoize.js: :rabbit2: Fastest possible memoization library
¥搜索排序过滤
list.js
- javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.
- Search, sort, filters, flexibility to tables, list and more! - List.js
mixitup
- patrickkunka/mixitup: A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more
- MixItUp | KunkaLabs
- 电脑文件夹排序中的名称排列那个字符最靠前?不仅仅限制汉字和字母。_百度知道
¥加密算法&信息加密
SHA
- Caligatio/jsSHA: A JavaScript implementation of the complete Secure Hash Standard family (SHA-1, SHA-224, SHA3-224, SHA-256, SHA3-256, SHA-384, SHA3-384, SHA-512, SHA3-512, SHAKE128, and SHAKE256) as well as HMAC
- jsSHA - SHA Hashes in JavaScript
- emn178/js-sha256: A simple SHA-256 / SHA-224 hash function for JavaScript supports UTF-8 encoding.
- emn178/js-sha512: A simple SHA-512, SHA-384, SHA-512/224, SHA-512/256 hash functions for JavaScript supports UTF-8 encoding.
MD5
- blueimp/JavaScript-MD5: JavaScript MD5 implementation. Compatible with server-side environments like node.js, module loaders like RequireJS and all web browsers.
- JavaScript MD5 Demo
- satazor/js-spark-md5: Lightning fast normal and incremental md5 for javascript
- placemarker/jQuery-MD5: JavaScript MD5 plugin, usable as part of the jQuery library or standalone
- emn178/js-md5: A simple MD5 hash function for JavaScript supports UTF-8 encoding.
- pvorb/node-md5: a JavaScript function for hashing messages with MD5
- md5 - npm
- wbond/md5-js: A modification of Joseph Myers's high-preformance javascript md5 function that hashes unicode characters by first converting to UTF-8. http://jsperf.com/md5-shootout
- feross/md5-password-cracker.js: Crack MD5 passwords with JavaScript Web Workers
- gdi2290/angular-md5: md5 for Angular.js and Gravatar filter
- erm0l0v/webpack-md5-hash: Plugin to replace a standard webpack chunkhash with md5.
- wpfpizicai/gulp-md5-plus: md5 plugin for gulp
- lmk123/angularjs-requirejs-rjs-md5: AngularJS 的示例项目,使用 RequireJS 异步加载模块、指令、控制器等文件,使用 gulp 精简文件并将文件名重命名为 md5 的格式以便于存放在 CDN 中。
CryptoJS
- 【重写 CryptoJS】一、ECMAScript 类与继承 - 知乎
- entronad/crypto-es: A crypto-js written in ES.
- sytelus/CryptoJS: This is unmodified copy of Google Code hosted CryptoJS project. CryptoJS is a growing collection of standard and secure cryptographic algorithms implemented in JavaScript using best practices and patterns. They are fast, and they have a
- JS Bin - Collaborative JavaScript Debugging
- Google Code Archive - Long-term storage for Google Code Project Hosting.
- gwjjeff/cryptojs: Following googlecode project crypto-js, provide standard and secure cryptographic algorithms for NodeJS. Support MD5, SHA-1, SHA-256, RC4, Rabbit, AES, DES, PBKDF2, HMAC, OFB, CFB, CTR, CBC, Base64
sphinx
- SphinxJS | A very light JS library which could encode a string to an image, or decode an image to a string.
- jrainlau/sphinx: A very light JS library which could encode a string to an image, or decode an image to a string.
RSA
- RSA算法基础详解 - 黄映焜 - 博客园
- 前端加密那点事 - 掘金
- forkchain/alpha
¥数字相关
number-precision
- nefe/number-precision: 🚀1K tiny & fast lib for doing addition, subtraction, multiplication and division operations precisely
bignumber.js
- MikeMcl/bignumber.js: A JavaScript library for arbitrary-precision decimal and non-decimal arithmetic
- bignumber.js API
decimal.js
- MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript
- decimal.js API
- decimal.js API
- MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript
格式化和操作数字(Numeral.js)
- Numeral.js – 格式化和操作数字的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- adamwdraper/Numeral-js: A javascript library for formatting and manipulating numbers.
- Numeral.js
mathjs
- math.js | an extensive math library for JavaScript and Node.js
- josdejong/mathjs: An extensive math library for JavaScript and Node.js
big.js
- MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.
- big.js API
jsbi
- JavaScript 中的表示任意精度的 BigInt - 掘金
- GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.
- BigInt: arbitrary-precision integers in JavaScript | Web | Google Developers
- 如何解决0.1 +0.2===0.30000000000000004类问题 - 掘金
- JavaScript中科学计数法转化为数值字符串形式-WEB前端开发
- js阿拉伯数字转中文大写 - 飞翔的天空 - 博客园
- 阿拉伯数字跟中文汉字互转js - huangbaokang的博客 - CSDN博客
- zhaozy93/number2chinese: convert number to chinese speech || 转换阿拉伯数字到汉语写法
- zhTo123/getArab.js at master · gzx1996/zhTo123
- JavaScript中任意两个数加减的解决方案 - 掘金
- itagn (Itagn掌门)
¥不可变数据集合
SpaceAce
- JonAbrams/SpaceAce: A fancy immutable storage library for JavaScript
¥双向数据绑定
- jQuery.my – 实时的复杂的双向数据绑定 - 梦想天空(山边小溪) - 博客园
- ermouth/jQuery.my: jQuery.my is a plugin that binds form controls with js data structures.
- Basic concepts
$数据库 libs
GraphQL
- GraphQL | A query language for your API
- [译] 我们采用 GraphQL 技术的经验:营销技术活动 - 掘金
- GraphQL 的入门指南 - 终身学习者 - SegmentFault 思否
- 采用 GraphQL 的技术经验:营销技术活动 - 掘金
- thiagoleitedev/rest-fullstack: A real world REST app using GraphQL
graphqurl
- hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.
PostgreSQL
- tozd/node-reactive-postgres: Reactive queries for PostgreSQL
- reactive-postgres - npm
This is 布局类
$grid
ag-grid
- JavaScript Datagrid. Packed with features that your users need with the performance you expect
- Grid布局指南 - _leonlee - 简书
- ag-grid/ag-grid: Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components
- ag-Grid: Datagrid packed with features that your users need with the performance you expect.
jqGrid
- tonytomov/jqGrid: jQuery grid plugin
- jQuery Grid Plugin – jqGrid
- jqGrid使用整理 - 月关 - ITeye博客
- jQuery jqGrid | jQuery Plugin Registry
- JQGrid的用法解析(列编辑,添加行,删除行) - CSDN博客
- Guriddo
- jqGrid权威文档-官网同步-中文--提供最权威的中文文档和实例
- jqGrid - 开源中国社区
- jqgrid--api,官网demo,编辑 - simonbaker - 博客园
- 利用JqGrid结合ashx显示列表之一 - 踏浪帅 - 博客园
- jqGrid中文文档-中文权威
- jqGrid中文API_Web前端开发框架_Web前端开发_Web开发网
- jqGrid中文说明文档——选项设置_Helloweba
- jqGrid中文API - 程序园
- jqGrid demos-jqGrid实例-中文-mn886.net
- jqGrid显示和隐藏列_jqGrid中文API_Web开发网
gridstack
- Gridstack.js – jQuery Plugin for Widget Layout | jQuery Plugins
- gridstack.js | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- gridstack.js
- gridstack api翻译 - EasonTuring - 博客园
- gridstack/gridstack.js: Design your own drag-and-drop dashboards with ease
网格布局插件(Grid Plugins)
- kombai/freewall: Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts for desktop, mobile, and tablet...
- jdogresorg/freewallet-mobile: Mobile wallet for iOS/Android/Browser which supports Bitcoin and Counterparty
- hongkiat/jquery-freewall-grid: This demo shows Grid layout that is built with jQuery plugin called FreeWall
- jQuery Nested
- Mason by DrewDahlman
- DrewDahlman/Mason: Mason.js for creating a perfect grid with jQuery.
- Griddy: Simple Grid Overlay Plugin for jQuery – DevGrow.com
- Monji Dolon
- jQuery Photoset Grid - Style Hatch
- jPhotoGrid - A Beautify jQuery Image Gallery
- Grid-A-Licious
- suprb/Grid-A-Licious: jQuery Grid-A-Licious plugin (v3)
- Log in to Wookmark
- jboesch/jSquares: A simple image gallery with popup information on hover (similar to ted.com)
gridster.js
- ducksboard/gridster.js: gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
- ww25.gridster.net/?z
- Gridster.net
$导航
响应式的单页网站导航插件
触摸滑出式导航菜单
Off Canvas 导航
- 移动 Web 开发必备!时尚的 Off Canvas 导航 - 梦想天空(山边小溪) - 博客园
- jquery Win8 Metro风格界面的网址导航单页模板源码下载
- jquery仿WIN8图片导航网站源码下载
- jQuery上下收缩滑动树型菜单代码
- jquery css3响应式布局制作多级响应式下拉菜单代码
- jQuery鼠标悬停导航列表滑动展开菜单代码
- jQuery橙色的二级折叠下拉菜单收缩展开效果
- 前端教程
$可伸缩布局
lib-flexible
- amfe/lib-flexible: 可伸缩布局方案
$响应式布局
Freetile
- yconst/Freetile: Freetile jQuery layout plugin
muuri
- haltu/muuri: Responsive, sortable, filterable and draggable grid layouts
- Muuri - Responsive, sortable, filterable and draggable grid layouts
$统一页面规格与布局
equalize.js
- tsvensen/equalize.js: The jQuery plugin for equalizing the height or width of your elements
- equalize.js
基于特定元素宽度改变字体大小和行高
FlowType.JS
- FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width. | Simple Focus
- simplefocus/FlowType.JS: Web typography at its finest: font-size and line-height based on element width.
This is 语言&语法类
$算法、程序层面
¥函数式编程
fn.js
- CrowdHailer/fn.js: A JavaScript library built to encourage a functional programming style & strategy. - http://eliperelman.com/fn.js
¥断言库
power-assert
¥原生对象&数组
Sugar
- andrewplummer/Sugar: A Javascript library for working with native objects.
- Sugar - A Javascript utility library for working with native objects.
- Sugar - Home
collect.js
- ecrmnn/collect.js: 💎 Convenient and dependency free wrapper for working with arrays and objects
- collect.js - npm
Collections
- Collections - Laravel - The PHP Framework For Web Artisans
$throttle&debounce
raf-schd
- alexreardon/raf-schd: A throttle function that uses requestAnimationFrame to rate limit
jquery-throttle-debounce
- cowboy/jquery-throttle-debounce: jQuery throttle / debounce: Sometimes, less is more!
- Ben Alman » jQuery throttle / debounce: Sometimes, less is more!
jquery-smartresize
- louisremi/jquery-smartresize: Debounced and Throttled Resize Events for jQuery
- smartresize demonstration
promise-throttle
- JMPerez/promise-throttle: A small library to throttle promises. Useful to avoid rate limiting when using REST APIs.
- promise-throttle (master) — A library to throttle promises — doxdox.org powered documentation
swimmer
- tannerlinsley/swimmer: 🏊 Swimmer - An async task pooling and throttling utility for JS
- Swimmer - CodeSandbox
superagent-throttle
- leviwheatcroft/superagent-throttle: A plugin for superagent that throttles requests.
函数节流和函数防抖
- 函数防抖与函数节流
- JS函数节流和函数防抖 - 掘金
- 一图秒懂函数防抖和函数节流 - 掘金
- JavaScript专题系列-防抖和节流 - 掘金
- JS专题之去抖函数 - 掘金
- UnderScore源码看防抖和节流 - 掘金
- debounce & throttle demo
- scroll - Event reference | MDN
- niksy/throttle-debounce: Throttle and debounce functions.
- component/debounce: Debounce functions. Useful for implementing behavior that should only happen after a repeated action has completed.
- m-gagne/limit.js: JavaScript event/call debounce & limit helper
- bjoerge/debounce-promise: Create a debounced version of a promise returning function
- dcorb/debounce-throttle: Debounce & Throtte JavaScript demo
- sindresorhus/p-debounce: Debounce promise-returning & async functions
- sindresorhus/debounce-fn: Debounce a function
- porada/resizeend: Debounced JavaScript resize events
- ForbesLindesay/throat: Throttle a collection of promise returning functions
- zeit/async-throttle: Throttling made simple, easy, async.
- addyosmani/network-emulation-conditions: Network emulation / throttling conditions (2G, 3G, 4G, Wifi etc) ☎️
- sindresorhus/p-throttle: Throttle promise-returning & async functions
- mistakster/throttle-proxy: Throttle HTTP/HTTPS/SOCKS proxy server
- component/throttle: Throttle function calls
- wuct/raf-throttle: Throttle a function by requestAnimationFrame
- sitespeedio/throttle: Throttle your network connection [Linux/Mac OS X]
- joshbuddy/tcplock: Throttle TCP connections to anything!
- terkelg/workshy: A small (376B) lazy function scheduler for a butter smooth main thread
This is other
Nunchuck.js
- Nunchuck.js - 轻松实现多个设备的数据同步 - 梦想天空(山边小溪) - 博客园
axecore
- AXErunners/axecore-lib: a pure and powerful JavaScript library for AXE
- AXErunners/axecore-mnemonic: BIP39 Mnemonics
ccxt
- ccxt/ccxt: A JavaScript / Python / PHP cryptocurrency trading library with support for more than 100 bitcoin/altcoin exchanges
zuck.js
- ramon82/zuck.js: A javascript library that lets you add stories EVERYWHERE.
- zuck.js | ramon souza
Auto.js
- 首页 - Auto.js
- hyb1996/Auto.js: A UiAutomator on android, does not need root access
- Automated browser testing for the modern web development stack | TestCafe
- Prototype JavaScript framework: a foundation for ambitious web applications
- Feature.js
- tangshuang/omd: javascript module method which is compatible with CommonJS(node), amd (RequireJS) & cmd (SeaJS)
- ncase/trust: An interactive guide to the game theory of cooperation
- o2team/wxapp-market: 小程序营销组件,Marketing components for WeChatApp
- hujiulong/gcoord: A JS library for converting geographic coordinate system, support WGS84, BD09, GCJ02 and others
- dawnlabs/carbon: 🎨 Create and share beautiful images of your source code
- Kenshin/simpread: 简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展
- tehnokv/picojs: A face detection library in 200 lines of JavaScript
- glidejs/glide: A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
- gaearon/subliminal: An opinionated minimalistic VS Code theme for JavaScript
- aws/aws-amplify: A declarative JavaScript library for application development using cloud services.
- os-js/OS.js: JavaScript Cloud/Web Desktop Platform
- zingchart/zingtouch: A JavaScript touch gesture detection library for the modern web
- jakubfiala/atrament.js: Tiny JS library for beautiful drawing and handwriting on the HTML Canvas.
- jpillora/xdomain: A pure JavaScript CORS alternative
- microstates/microstates.js: Composable State Primitives for JavaScript
- gothinkster/realworld: "The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more 🏅
- rwv/chinese-dos-games-web: 🌐 Source code of https://dos.zczc.cz
- gmrchk/swup: Complete, flexible, easy to use page transition library.
- reactioncommerce/reaction: Reaction is a customizable, real-time reactive, JavaScript commerce platform.
JS处理工具
$代码相关
¥JS模块化
curljs
- curl.js AMD Loader
- cujojs/curl: curl.js is small, fast, extensible module loader that handles AMD, CommonJS Modules/1.1, CSS, HTML/text, and legacy scripts.
- curl.js (javascript page curl image effect)
- curl用法 - coderland - 博客园
- javascript - how do I use curl.js to load an object? - Stack Overflow
- curl如何获取js执行后的页面 - liuzhanpeng的回答 - SegmentFault 思否
- curl获取内容后执行脚本问题-CSDN论坛
- curl---一款实用的URL命令行网络通讯工具/库 - hbzyin - 博客园
- Home · cujojs/curl Wiki
LABjs
- JavaScript文件加载器LABjs API详解 - 韩子迟 - 博客园
- getify/LABjs: Loading And Blocking JavaScript: On-demand parallel loader for JavaScript with execution order dependencies
- Javascript文件加载:LABjs和RequireJS - 阮一峰的网络日志
- LABjs | Drupal.org
- LABJS的使用教程 - 学习_成长_分享 - SegmentFault 思否
- LABJS浅析 - yuzhongwusan - 博客园
- LAB.js使用 - xiaoyang_ - 博客园
- LABjs异步加载组件 - - ITeye博客
- 这里有人用过LabJS么? - CNode技术社区
package.json
browserslist
- browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
- browserslist - npm
- Browserslist (@Browserslist) | Twitter
- browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
- Browserslist
- npm-package.json | npm Documentation
- package.json的所有配置项及其用法,你都熟悉么 - 掘金
- (译)package.json详解 - nullcc - 博客园
- SPDX License List | Software Package Data Exchange (SPDX)
- spdx - npm
- npm-package.json | npm Documentation
peerDependencies & devDependencies & dependencies
- 探讨npm依赖管理之peerDependencies - wonyun - 博客园
package-lock.json
- 项目中使用package-lock.json锁版本问题 - weixin_33813128的博客
shimport
- Rich-Harris/shimport: Use JavaScript modules in all browsers, including dynamic imports
- Shimport demos
客户浏览器端范畴
¥AMD规范(在头部参数部分写好依赖,用difine和require,异步加载,提前执行,RequireJS 2.0+也改成可延迟执行,依赖前置,API 默认是一个当多个用)
core
- amdjs/amdjs-api: Houses the Asynchronous Module Definition API
- AMD · amdjs/amdjs-api Wiki
- require · amdjs/amdjs-api Wiki
- Home · amdjs/amdjs-api Wiki
- Group for AMD JS Module API
- Loader Plugins · amdjs/amdjs-api Wiki
- Javascript模块化编程(二):AMD规范 - 阮一峰的网络日志
RequireJS
- requirejs/requirejs: A file and module loader for JavaScript
- RequireJS 中文网
- RequireJS API
- JS模块化工具requirejs教程(一):初识requirejs | 菜鸟教程
- requirejs入门到精通 - CSDN博客
- require.js 最佳实践 - digdeep - 博客园
- requireJS 基本使用 - 天幽 - 博客园
- AMD及requireJS - 小火柴的蓝色理想 - 博客园
- 一份超详细的requireJS介绍及应用-js教程-PHP中文网
- RequireJS
- Plugins · requirejs/requirejs Wiki
- RequireJS Optimizer
mout
- mout/mout: Modular JavaScript Utilities
- mout : Modular JavaScript Utilities
¥CMD规范(使用过程中提出依赖,用difine和require,延迟执行,依赖就近,API职责单一)
core
- 模块系统 · Issue #240 · seajs/seajs
- 前端模块化开发的价值 · Issue #547 · seajs/seajs
- 前端模块化开发那点历史 · Issue #588 · seajs/seajs
- CMD 模块定义规范 · Issue #242 · seajs/seajs
- API 快速参考 · Issue #266 · seajs/seajs
- 从 CommonJS 到 Sea.js · Issue #269 · seajs/seajs
sea.js
- SeaJS - A Module Loader for the Web
- 模块定义 - Sea.js 手册与文档
- sea.js - 百度
- seajs-JavaScript中文网-JavaScript教程资源分享门户
- seajs/seajs: A Module Loader for the Web
- Sea.js - A Module Loader for the Web
- 与 RequireJS 的异同 · Issue #277 · seajs/seajs
¥html-imports
- HTML Imports
- HTML Imports
- AMD 和 CMD 的区别有哪些? - 知乎
- 前端模块化之AMD与CMD原理(附源码) - 掘金
服务器端范畴
¥CommonJS(Node采用,一文件一模块,require加载,返回exports,同步加载)
BravoJS
- wesgarland/bravojsold: Official Home - http://bitbucket.org/wesgarland/BravoJS
- codegooglecom/bravojs: Automatically exported from code.google.com/p/bravojs
- dchouzer/bravojs: Automatically exported from code.google.com/p/bravojs
- abundanzini/bravojs: Bravo HS JS Project
- luisbravoa/bravojs
- wesgarland/bravojs
- cadorn/christoph-bravojs-packages: Automatically exported from code.google.com/p/christoph-bravojs-packages
- node模块化之require学习 - 掘金
- require()循环引用问题 - 掘金
- 【Node】详解模块的实现过程 - 掘金
- require() 源码解读 - 阮一峰的网络日志
- What is commonjs2 ? · Issue #1114 · webpack/webpack
¥UMD模块打包
umd
- umdjs/umd: UMD (Universal Module Definition) patterns for JavaScript modules that work everywhere.
- UMD模块打包 · webpack指南
Build tools
- docpad/docpad-plugin-umd: Wrap specified JavaScript documents in the Universal Module Definition (UMD) allowing them to run in AMD, Require.js, CommonJS/Node.js and Vanilla environments automatically
- bebraw/grunt-umd: Surrounds code with the universal module definition (MIT)
- grunt-umd - npm
- eduardolundgren/gulp-umd: Gulp plugin for build JavaScript files as Universal Module Definition, aka UMD
- aearly/grunt-urequire: Grunt wrapper for uRequire
- ruyadorno/generator-umd: An Yeoman Generator to create a basic UMD structure
Testing
- javascript - Grunt test for UMD - Stack Overflow
Resources
- dontkry.com
¥ES模块化
import-http
- egoist/import-http: Import modules from URL instead of local node_modules
- ES6 import和export - 静简明 - 简书
- ES6的模块化语法 - 掘金
- ES6模块化之export和import的用法 - 掘金
- javascript - "export default from" doesn't work with Babel React - Stack Overflow
- javascript - Re-export default in ES 6 modules - Stack Overflow
- 彻底搞清楚javascript中的require、import和export - 最骚的就是你 - 博客园
- javascript - Can't require() default export value in Babel 6.x - Stack Overflow
- require('./expample.js).default详解 - 简书
- 一篇文章弄懂 JavaScript 中的 import - 掘金
- vue.js - vue组件注册为什么有时候要在require后面加上default? - SegmentFault 思否
- Modules in ECMAScript 6 (ES6) | DotNetCurry
- caridy/es6-module-transpiler-system-formatter: ES6 Module Transpiler Extension to Output `System.register()` Format
- javascript - When should I use curly braces for ES6 import? - Stack Overflow
- 16. Modules
- Read Understanding ECMAScript 6 | Leanpub
fix-es-imports
- billinghamj/fix-es-imports: Fixes your ES import paths - from Node-style to explicit filenames
- fix-es-imports - npm
system.js
- 学习SystemJS 笔记 - 谢巴奥 - 博客园
- SystemJS使用记录 - 简书
- systemjs - npm
- systemjs-JavaScript中文网-JavaScript教程资源分享门户
- javascript - 关于Typescript编译的模块用System.js导入时出现的错误的疑问 - SegmentFault 思否
- systemjs
- SystemJS-WEB前端开发
- systemjs/systemjs: Dynamic ES module loader
- SystemJS是万能动态模块加载器
- (5条消息)Angluar WARNING System.import() is deprecated and will be removed soon. Use import() instead - 李建帅 廊坊师范学院信息技术提高班十三期 - CSDN博客
- Javascript模块加载捆绑器Browserify Webpack和SystemJS用法 -解道Jdon
- react.js - jspm引入模块失败,System.import出错 - SegmentFault 思否
- anderlaw ( zarkey)
- js 模块化的规范 - surfaces - 博客园
- LABjs、RequireJS、SeaJS的区别_Seajs_脚本之家
- require 和 import 详解 - 掘金
- AMD 规范与CMD 规范概要 - 掘金
- 前端模块化详解(完整版) - 掘金
- JavaScript模块化 --- Commonjs、AMD、CMD、es6 modules - Wayne-Zhu - 博客园
- 前端模块化小总结—commonJs,AMD,CMD, ES6 的Module - 天高任鸟飞吧 - 博客园
- 前端commonjs、AMD、CMD、ES6等模块化的对比 - wang729506596的博客 - CSDN博客
- AMD,CMD.CommonJs和UMD还有es6的模块化对比 - 上帝不是要你成功,而是让你去尝试 - 博客园
- JavaScript 模块化:CommonJS、AMD、CMD、UMD 和 ES6 Module - 简书
- 前端模块化方案:CommonJS/AMD/CMD/ES6规范
- 前端模块化CommonJS、CMD、AMD、ES6 - 简书
- 深度阅读<Javascript Modules 从IIFEs 到CommonJS 到 ES6 Modules> - 掘金
- JavaScript Modules: From IIFEs to CommonJS to ES6 Modules
- [译] 为什么我不再使用 export default 来导出模块 - 掘金
- 【译】JavaScript 模块:从立即执行函数 ( IIFEs ) 到 CommonJS 再到 ES6 模块 - 掘金
- 前端模块化杂记 - 掘金
- ES6模块与commonJS模块的差异 - 掘金
- JS模块化编程 - 掘金
- 从前端模块化编程切入想聊聊前端的未来(文末有我想问的问题) - 掘金
- [译] 模块化系统中的 event.stopPropagation() - 掘金
- JavaScript Modularization Journey
- 深谈require和import - CSDN博客
- es6 import和require用法和区别 - CSDN博客
- webpack中require和import的区别 - CSDN博客
- JS 中的require 和 import 区别 - 山高我为峰 - 博客园
- 写了十年JS却不知道模块化为何物? - 野狗科技官方专栏 - SegmentFault 思否
- 前端工程师必备:前端的模块化 - 掘金
¥js内存机制
- 深入理解js内存机制 - 前端 - 掘金
- 记一次网页内存溢出分析及解决实践 - 掘金
¥utility collection
- Module - Eustia: A Tool for Generating JavaScript Utility Libraries:)
- 对api请求封装的探索和总结 - 掘金
- liriliri/licia: Useful utility collection with zero dependencies
- A New Utility Library Designed to Get Things Done – Hacker Noon
- omidh28/clarifyjs: Create and Execute Chained Javascript Methods In Any Order You want
- 超实用JavaScript工具库 - 知乎
¥模板引擎
artTemplate
- artTemplate
- 高性能JavaScript模板引擎原理解析 – 腾讯CDC
- aui/art-template: High performance JavaScript templating engine
- art-template
- arttemplate - Awesomes
- art-template
BaiduTemplate
- BaiduTemplate模板引擎
- BaiduFE/BaiduTemplate: 前端模板
- https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/template_strings
- Template literals - JavaScript | MDN
- EJS - JavaScript Templates
- 非转义序列的模板字符串 | esnext | es6 es7 es2017 es2018 es2019
- [译] 只有 20 行的 JavaScript 模板引擎 - Jrain-前端玩具盆 - SegmentFault 思否
- 关于高效、高质和高产 - 掘金
- 60行代码实现简单模板语法 - 掘金
- Topic: tagged-template
st.js
- SelectTransform/st.js: JSON template over JSON
¥正则表达式
语法
- zeeshanu/learn-regex: Learn regex the easy way
- 正则表达式()、[]、{}的区别 - RichieWen - 博客园
- 正则中需要转义的特殊字符小结_正则表达式_脚本之家
- javascript正则表达式---正向预查 - chenby - 博客园
- JavaScript 正则表达式上——基本语法 - 谦行 - 博客园
- 正则的与或非 - 掘金
- JS正则表达式完整教程(略长) - 掘金
- 正则表达式之量词 - 掘金
- 这是一篇男女老少入门精通咸宜的正则笔记 - 掘金
regexper
- Regexper
- Regulex、Regexper、Debuggex - 三款『正则表达式』可视化工具[Web] - 小众软件
- Regexper:牛逼的 JavaScript 正则可视化工具 - 梦想天空(山边小溪) - 博客园
- regexper图形化正则表达式工具 - 景洪的博客 - CSDN博客
- Regexper
demo&汇总
- 最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等_正则表达式_脚本之家
- 常用正则表达式汇总—(数字匹配/字符匹配/特殊匹配) - CSDN博客
- 马上收藏!史上最全正则表达式合集 - 掘金
- 史上最全的正则表达式-匹配中英文、字母和数字 - CSDN博客
- 正则表达式去掉前后、左右、去掉所有的空格 - CSDN博客
- JS判断输入是否为整数的正则表达式 - 芜明-追星 - 博客园
- JS正则表达式验证数字 - - ITeye博客
- js最新手机号码、电话号码正则表达式-前端开发博客
- 正则表达式中文字符和空格匹配 - CSDN博客
- regexp - 正则表达式如何精确匹配空格 - SegmentFault 思否
- JavaScript 正则表达式匹配成功后的返回结果 - CSDN博客
- 正则表达式获取文件名和后缀 - CSDN博客
- 必备之常用正则表达式 | 晚晴幽草轩
- 关于日期正则表达式的思路详解_正则表达式_脚本之家
- 日期和时间的正则表达式 - zhilong001 - 博客园
- 正则表达式匹配任意字符(包括换行符)的写法 - _再见理想 - 博客园
- 小览 ES6-ES2019 中正则表达式的新发展 - 掘金
- Regular Expression Library
- Rex V: an AJAX Regular EXpression eValuator -
- 正则实现数组滤重 - 掘金
- 正则匹配整数和小数 - 陆漫漫 - 博客园
- 正则全攻略使用手册,你确定不进来看看吗 - 掘金
- 常用正则表达式 - 掘金
- JavaScript 正则入门到掌握 - 掘金
- 正则表达式匹配URL或者网址 - qhzhen的博客 - CSDN博客
- JavaScript正则表达式备忘单 - 掘金
- 吃透js中正则表达式 - 掘金
- 面试官!让我们聊聊正则 - 掘金
- 一篇不大靠谱的常用正则表达式汇总(前端) - 掘金
- js替换字符串中的空格,换行符\r\n或\n替换成<br> - 云上丶无忧 - 博客园
¥测试工具
unit-test-demo
- tank0317/unit-test-demo: 一步一步介绍如何给项目添加单元测试
¥Source Maps
- 针对 Source Maps 的一篇介绍(翻译) - 掘金
- Source Map Revision 3 Proposal - Google 文档
¥防御性编程
- js错误处理权威指北 - 掘金
- Handling Errors in JavaScript: The Definitive Guide
- 前端开发中的Error以及异常捕获 - 掘金
- 前端防御性编程 - 掘金
¥函数式编程
list
- funkia/list: 🐆 An immutable list with unmatched performance and a comprehensive functional API.
- 一步一步教你 JavaScript 函数式编程(第三部分)-WEB前端开发
- 一步一步教你 JavaScript 函数式编程(第二部分)-WEB前端开发
- 一步一步教你 JavaScript 函数式编程(第一部分)-WEB前端开发
- (译) 函数式 JS #1:简介 - 掘金
- (译) 函数式 JS #2: 函数! - 掘金
- (译)函数式 JS #3: 状态 - 掘金
- eczn/se: 🔣 lisp 方言解释器 (emmm)
- 反对函数式编程的政治正确 - 掘金
- 我是怎样走上函数式编程的不归路的 - 掘金
- 一些关于JavaScript函数式编程的思考 - 掘金
- 我眼中的 JavaScript 函数式编程 - 前端 - 掘金
- [译] 编写函数式的 JavaScript 实用指南 - 掘金
- JavaScript 中的 Currying(柯里化) 和 Partial Application(偏函数应用)-WEB前端开发
- JavaScript 函数式编程术语大全-WEB前端开发
- eczn's blog | Rally
- 【译】JavaScript中纯函数是什么 - 掘金
- 【译】你的编程语言能做到这个吗?(为什么要学函数式编程) - 掘金
- JavaScript函数式编程,真香之认识函数式编程(一) - 桃园
- JavaScript函数式编程,真香之组合函数(二) - 掘金
- 函数式编程最佳实践 - 掘金
- [译] JavaScript 函数式编程指引 - 掘金
¥前端常用命令行
svg-term-cli
- marionebl/svg-term-cli: Share terminal sessions via SVG and CSS
- rupa/z: z - jump around
- Windows常用shell命令大全 - ztxjzh的博客 - CSDN博客
- 命令行批量截图Node脚本 - 掘金
¥数据结构与数据类型
前端数据操作
- 前端数据操作总结 - 掘金
- 抓住数据的小尾巴 - JS浮点数陷阱及解法 - 知乎
JS 数据类型
Set & Map
- 【译】Array与Set的异同及使用场景 - 掘金
- JS 中的 (Weak)Set 和 (Weak)Map - 掘金
- ES6中的Map与Set集合 - 掘金
- 【译】Object与Map的异同及使用场景 - 掘金
Symbol
- 关于使用Symbol的注意点 - 掘金
- es6 symbol - 掘金
BigInt
- BigInt - JavaScript | MDN
- JavaScript data types and data structures - JavaScript | MDN
- tc39/proposal-bigint: Arbitrary precision integers in JavaScript
- BigInt: arbitrary-precision integers in JavaScript | Web | Google Developers
Array
数组去重
- [1,2,1,3].unique()实现数组去重最优方法 - 懒人的小窝
- js数组去重的4个方法 - CSDN博客
- jquery 数组去重 - CSDN博客
- 经典js面试题:数组去重 - 掘金
- jQuery.uniqueSort() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
- JS专题之数组去重 - 掘金
数组排序
- JS数组排序sort()方法同时按照两种方式排序的用法 - hiwynn - 博客园
- JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)_javascript技巧_脚本之家
- Js数组排序函数sort()介绍_javascript技巧_脚本之家
- 关于js中sort()排序方法 - 番茄pan - 博客园
数组拷贝
- js实现数组和对象的深浅拷贝_javascript技巧_脚本之家
- javascript深拷贝和浅拷贝详解_javascript技巧_脚本之家
数组遍历
- Array.prototype.forEach() - JavaScript | MDN
- JavaScript数组forEach()、map()、reduce()方法 - dataman - 博客园
- jQuery判断数组是否包含了指定的元素_jquery_脚本之家
- jQuery遍历对象、数组、集合实例_jquery_脚本之家
- jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象_jquery_脚本之家
- JQuery中$.each 和$(selector).each()的区别详解 - 郝高胜 - 博客园
- 避免恼人的空值之reduce - 掘金
- javaScript遍历对象、数组总结 - 抖音 - 博客园
数组添加删除修改元素
splice
- JavaScript中易混淆的方法之split、splice、slice辨析比较 - CSDN博客
- js splice()的用法 - 蒲木杉 - 博客园
- JavaScript中splice的用法 - CSDN博客
- javascript - js 数组中的某一位和它前面的一位换位置,有什么好的方法 - SegmentFault 思否
- JS 将一个数组按指定长度分割,组成一个新的数组集合 - 吾生有涯,而知无涯! - 博客园
- 浅析jquery数组删除指定元素的方法:grep()_jquery_脚本之家
- Js删除数组中某一项或几项的几种方法(推荐)_基础知识_脚本之家
- jQuery根据元素值删除数组元素的方法_jquery_脚本之家
- js数组操作-删除首项、删除尾项、头部添加项、尾部添加项 - CSDN博客
- 创建包含N个空对象的数组 - 掘金
数组合并
- JS合并两个数组的方法 - 若水若鱼 - 博客园
- JS 将一个数组按指定长度分割,组成一个新的数组集合 - 吾生有涯,而知无涯! - 博客园
常见操作
- JavaScript 遍历、枚举与迭代的骚操作(上篇) - 掘金
- JavaScript 遍历、枚举与迭代的骚操作(下篇) - 掘金
- https://mp.weixin.qq.com/s?__biz=MzIzNTU2ODM4Mw==&mid=2247486493&idx=1&sn=700aaf31be7eaeddc6820d6770acb541&chksm=e8e4618ddf93e89ba18044ec906a567db49dadc79428a7ca5f64778f39853999cf5e891804fd&mpshare=1&scene=23&srcid=051806OfJ8I3Td7t7vqLf7By#rd
- javascript 数组(array) 常用的方法集锦(上) - 掘金
- 数组的七个 API 的简单实现 - 掘金
- javascript - 获取一个数组中的连续数字 - SegmentFault 思否
- JavaScript中数组Array.prototype的常用的方法总结 - CSDN博客
- spicyboiledfish/Array.prototype: API for Array.prototype
- js正则表达式匹配返回数组-CSDN论坛
- jquery操作对象数组元素方法详解_jquery_脚本之家
- JS针对Array的各种操作汇总_javascript技巧_脚本之家
- js数组方法 改变原数组和不改变原数组的方法整理 - love07070707的博客 - CSDN博客
- 在项目实践中用更优雅的方式处理数组问题 - 掘金
- jquery操作对象数组元素方法详解_jquery_脚本之家
- js正则表达式匹配返回数组-CSDN论坛
- JS针对Array的各种操作汇总_javascript技巧_脚本之家
- JavaScript判断变量是否为数组的方法(Array)_javascript技巧_脚本之家
Number&String
- javascript - js怎么用递归的方式实现每隔3个数字加一个逗号? - SegmentFault 思否
- JS获取字符串实际长度(包含汉字)的简单方法_javascript技巧_脚本之家
- 五种js判断是否为整数类型方式_javascript技巧_脚本之家
- 语法和数据类型 | MDN
- 玩转 JavaScript 之数据类型 - 掘金
- 探索 Python 来反补 JavaScript,带你 Cross Fire —— JS 数据类型的奥秘 - 掘金
- [译]揭秘基本数据类型 - 掘金
- 说说JavaScript的类型转换 - 掘金
JS 数据结构
栈与队列
- 用JavaScript实现栈与队列 - 掘金
- JS数据结构学习:栈 - 掘金
- 使用JavaScript的数组实现数据结构中的队列与堆栈 - 孤傲苍狼 - 博客园
链表
- 【译】2019年JavaScript中的计算机科学:链表 - 掘金
复杂度分析
- 【小猪佩奇漫画】| 复杂度分析原来那么简单! - 掘金
- Data structures reference, for coding interviews and computer science classes | Interview Cake
- 平庸前端码农之蜕变 — AST - 掘金
¥异步编程
rsvp.js
- tildeio/rsvp.js: A lightweight library that provides tools for organizing asynchronous code
- js的三种异步处理 - 掘金
- ES6 中的 三种异步解决方案 - 掘金
- 如何实现一个LazyMan? - 知乎
¥代码直接相关
free-variables
- javascript - What are free variables? - Stack Overflow
- Newest 'free-variable' Questions - Stack Overflow
JavaScriptCore
- JavaScriptCore全面解析 - 掘金
- 对象存储 JavaScript SDK - 附录 - 文档平台 - 腾讯云
- JS基础知识深入总结 - 掘金
JS代码美化和格式化工具
js-beautify
- beautify-web/js-beautify: Beautifier for javascript
- Online JavaScript beautifier
prettier
- Prettier
- prettier/prettier: Prettier is an opinionated code formatter.
- prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.
- prettier/prettier-vscode: Visual Studio Code extension for Prettier
- Options · Prettier
- Configuration File · Prettier
- Prettier · Opinionated Code Formatter
- WebStorm Setup · Prettier
- Editor Integration · Prettier
- Behind the Scenes: Improving the Repository Infrastructure – React Blog
- JsPrettier - Packages - Package Control
- eslint prettier的配置选项(参数)官网直译 - javascript拾贝 - SegmentFault 思否
- 如何配置Prettier - 个人文章 - SegmentFault 思否
- Prettier 学习笔记 - 简书
- Prettier - Code formatter - Visual Studio Marketplace
polacode
- octref/polacode: 📸 Polaroid for your code
- Polacode - Visual Studio Marketplace
standard
- standard/standard: 🌟 JavaScript Style Guide, with linter & automatic code fixer
- standard/RULES.md at master · standard/standard
- standard/README-zhtw.md at master · standard/standard
- standard/README-zhcn.md at master · standard/standard
- jeasonnow/choiceJs: Use choiceJs instead of if...else...
- JS Nice – JavaScript 代码美化和格式化工具 - 梦想天空(山边小溪) - 博客园
- Make linting great again! – Andrey Okonetchnikov – Medium
JS封装
- 编写自己的代码库(javascript常用实例的实现与封装) - 掘金
- adrianmcli/js-state-encapsulation: Examples of state encapsulation in Javascript
ReasonML
- ReasonML——新的前端强类型语言简介 - 掘金
代码校验、提速与解析
- JSHint, a JavaScript Code Quality Tool
- The Roles Model | Accessible Rich Internet Applications (WAI-ARIA) 1.0
- Supported States and Properties | Accessible Rich Internet Applications (WAI-ARIA) 1.0
- JavaScript Lint
- JSLint: The JavaScript Code Quality Tool
- ESLint - Pluggable JavaScript linter
- 注释那些事儿 - 前端代码质量系列文章(一) - 掘金
prepack
- facebook/prepack: A JavaScript bundle optimizer.
- Prepack · Partial evaluator for JavaScript
- 圈复杂度那些事儿-前端代码质量系列文章(二) - 掘金
nearley
- kach/nearley: 📜🔜🌲 Simple, fast, powerful parser toolkit for JavaScript.
- Home - nearley.js - JS Parsing Toolkit
¥validation
joi
- hapijs/joi: Object schema validation
- 为你的 JavaScript 项目添加智能提示和类型检查 - 掘金
- [译] 避免那些可恶的 "cannot read property of undefined" 错误 - 掘金
- JavaScript 复杂判断的更优雅写法 - 掘金
- [译] 五个小技巧让你写出更好的 JavaScript 条件语句 - 掘金
代码重构
- 重构你的javascript代码 - 掘金
重温基础
- 【重温基础】1.语法和数据类型 - 掘金
- 【重温基础】2.流程控制和错误处理 - 掘金
- 【重温基础】3.循环和迭代 - 掘金
- 【重温基础】4.函数 - 掘金
- 【重温基础】5.表达式和运算符 - 掘金
- 【重温基础】6.数字 - 掘金
- 【重温基础】7.时间对象 - 掘金
- 【重温基础】8.字符串 - 掘金
- 【重温基础】9.正则表达式 - 掘金
- 【重温基础】10.数组 - 掘金
- 【重温基础】11.Map和Set对象 - 掘金
- 【重温基础】12.使用对象 - 掘金
- 【重温基础】13.迭代器和生成器 - 掘金
- 【重温基础】14.元编程 - 掘金
- 【重温基础】15.JS对象介绍 - 掘金
- 【重温基础】16.JSON对象介绍 - 掘金
- 【重温基础】17.WebAPI介绍 - 掘金
- 【重温基础】18.相等性判断 - 掘金
- 【重温基础】19.闭包 - 掘金
- 【重温基础】20.事件 - 掘金
- 【重温基础】21.高阶函数 - 掘金
- 【重温基础】22.内存管理 - 掘金
- 【重温基础】JS中的常用高阶函数介绍 - 掘金
- 【重温基础】instanceof运算符 - 掘金
答疑解惑
结构答疑
js 内置对象
JavaScript Date
- JavaScript Date类型与时区同步 - CSDN博客
- 根据本地/服务器时间获取指定时区时间 new Date指定时区时间 - CSDN博客
- JS将UTC格式日期字串转换成日期DATE对象 - CSDN博客
- JavaScript Date 对象
- javascript中如何设置指定时区的Date对象(不想与本地时区有关联)_百度知道
document
- document.body、document.documentElement和window获取视窗大小的区别 - 郑星阳 - ITeye博客
- 漫谈document.documentElement与document.body - 简书
- JS中document.documentElement和document.body - memgke的博客 - CSDN博客
- document.body的一些用法以及js中的常见问题 - Daniel - CSDN博客
- js中document.documentElement 和document.body 以及其属性 - huang100qi的专栏 - CSDN博客
- js中document.documentElement 和document.body 以及其属性 - clouds008 - 博客园
- document.body 与 document.documentElement区别介绍 - Mrdo - 博客园
- DTD 简介
- Document.body - Web APIs | MDN
- Document.documentElement - Web APIs | MDN
- js中document.documentElement 和document.body 以及其属性 clientWidth等 - 我当道士那儿些年 - 博客园
window&location对象
location.hash
- apopelo/jquery-hashchange: A jQuery plugin which allows to bind callbacks to custom window.location.hash (uri fragment id) values.
- hash.js Javascript/jQuery 解析/监听url hash - 郎涯工作室 - CSDN博客
- cloudcome/jquery.hash
- js 监听URL的hash变化 - 前端__小川 - 博客园
- cowboy/jquery-hashchange: This jQuery plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event.
window.postMessage
- HTML5中window.postMessage,在两个页面之间的数据传递
- localstorage的跨域存储方案 - 简书
- window.location方法获取URL及window.location.assign(url)和replace(url)区别 - CSDN博客
- javascript中window.open()与window.location.href的区别 - 刘奇云 - 博客园
- location.hash详解 - CSDN博客
- window.open(url)打开链接被浏览器拦截解决方案 - CSDN博客
- window.location.href和window.location.hash的区别 - CSDN博客
- window.opener方法的使用 刷新父页面 - 小贝de - CSDN博客
- Location 对象,URL 对象,URLSearchParams 对象 - JavaScript 教程 - 网道
- 了解JS中的全局对象window.self和全局作用域self « 张鑫旭-鑫空间-鑫生活
History对象
- History.pushState() - Web API 接口 | MDN
- HTML5之pushstate、popstate操作history,无刷新改变当前url - FED社区
- 浏览器“后退”、“前进”或可以这么去监听 - WEB前端 - 伯乐在线
- Dom 中 children 与childNodes 的区别 - CSDN博客
- querySelector与querySelectorAll区别及用法 - CSDN博客
- translation/NodeList.md at master · cncounter/translation
- Math.log 函数 (JavaScript)
js 魔高一丈
获取宽高
offset client scroll
- js的onscroll、scrollTop、scrollHeight及window.scroll等方法 - 狂奔的小马扎 - 博客园
- 搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop - qq_35430000的博客 - CSDN博客
- 终于清晰啦!offsetHeight、scrollHeight、clientHeight和offsetTop、scrollTop、clientTop - 特大号虾米的博客 - CSDN博客
- js中offsetHeight、clientHeight、scrollHeight等相关属性区分总结 - Demi馨馨 - 博客园
- scrollHeight,clientHeight,offsetHeight在火狐、IE、谷歌浏览器下的区别 - 柒玲珑 - 博客园
- clientHeight的问题-CSDN论坛
- clientHeight在谷歌中的兼容_慕课问答
- 关于IE 7 兼容 clientHeight问题_已解决_博问_博客园
- clientHeight是个问题 - zxiaoc的专栏 - CSDN博客
- js的clientHeight和jQuery的innerHeight()的区别及不同浏览器兼容问题 - Y.S.Z - 博客园
- 兼容各种浏览器的获取clientheight 等参数 - winter_leaf_wei的专栏 - CSDN博客
- clientHeight , scrollHeight , offsetHeight之间的区别及兼容方案 - 南山老幺 - 博客园
- 元素 offset client scroll 相关属性简介 - 掘金
jquery获取宽高
- $(window).height() 和 $(document).height()的区别 - Una容儿 - 博客园
- jquery获取元素各种宽高及页面宽高总结 - 古兰精 - 博客园
- 获取屏幕宽高width(),outerWidth,innerWidth,clientWidth的区别 - 风雨过后见彩虹 - SegmentFault 思否
- window.innerWidth以及window.outerWidth的区别 - sinat_32067081的博客 - CSDN博客
- Js/Jquery获取网页屏幕可见区域高度 - 王洪宝 - 博客园
获取元素距离顶部
- Jquery获取元素距离文档顶部的距离 - wangcuiling_123的博客 - CSDN博客
- js获取页面元素距离浏览器工作区顶端的距离 - 酒香逢 - 博客园
- javascript - 怎样使用jQuery获取元素到文档顶部的距离。元素的高度单位为rem。 - SegmentFault 思否
- jquery元素到窗口顶部的距离 - qq_23260639的博客 - CSDN博客
- js,jquery 获取滚动条高度和位置, 元素距顶部距离 - 草木物语 - 博客园
- 如何用jquery获得页面元素到窗口顶部的距离?_百度知道
- JavaScript获取元素距离文档顶部的距离-蚂蚁部落
- jQuery获取div距离窗口顶部或者父元素顶部的距离-蚂蚁部落
- jquery怎样获取元素离浏览器可见区顶部的距离,注意不是离文档顶部的距离_百度知道
- 怎样使用jQuery获取元素到文档顶部的距离。元素的高度单位为rem。 - luzemin的回答 - SegmentFault 思否
- js jquery 获取某一元素到浏览器顶端的距离 - genziisme的专栏 - CSDN博客
img宽高
- 获取img的真实宽高 - 小二什么的 - 博客园
- 万恶的css(一)img固定宽高问题 - 简书
- 如何设置html中img宽高相同-css - 一线蓝光 - 博客园
- 如何设置html中img标签宽高相等? - Rubine的回答 - SegmentFault 思否
- 图片(img)的等比例自动缩放 - 千千 - CSDN博客
- CSS如何设置图片宽度和高度 - DIVCSS5
- 原生js获取元素的宽高 - 向着太阳生 - 博客园
- js 获取浏览器高度和宽度值(兼容多浏览器) - 每天都记录一点点! - CSDN博客
- js 获取屏幕各种宽高的方法(浏览器兼容) - 逆转流年 - 博客园
- js 获取屏幕各种宽高的方法(浏览器兼容)_javascript技巧_脚本之家
- JS,Jquery获取各种屏幕的宽度和高度 - 悄悄的来,匆匆的走 - 博客园
高级属性&方法
- js中propertyIsEnumerable()方法使用介绍 - 码农何时 - 博客园
- JS中的可枚举属性与不可枚举属性以及扩展 - 风雨后见彩虹 - 博客园
- JS中可枚举属性(enumerable)和propertyIsEnumerable() - 痦子的博客 - CSDN博客
- JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()_javascript技巧_脚本之家
- OMG,这些鲜为人知的JavaScript 特性! - 终身学习者 - SegmentFault 思否
- Web长列表的救星?谷歌推出Virtual Scroller - 前端 - 掘金
- gpuweb/WHLSL: Web HLSL
- [译] 优秀 JavaScript 开发人员应掌握的 9 个技巧 - 掘金
- JavaScript之禅
- JavaScript 开发人员需要知道的简写技巧 - 博文 - 手册网
- 你可能不需要 jQuery!使用原生 JavaScript 进行开发 - 梦想天空(山边小溪) - 博客园
- 重构 - 代码优化技巧 - 知乎
- js删除局部变量 - 云+社区 - 腾讯云
- 解决 "Script Error" 的另类思路 - 掘金
获取元素
- js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等) - 岁寒
你不知道的js
- muzqi/you-dont-know-js: 你不知道的 javascript 读书笔记
- 《你不知道的 JavaScript》全卷读书笔记 - 掘金
- 细读《你不知道的JavaScript·上卷》1-1 作用域是什么? - 掘金
- 细读《你不知道的JavaScript·上卷》1-2 词法作用域 - 掘金
- 精读《你不知道的javascript》中卷 - 掘金
- You-Dont-Know-JS 疑难汇总 - 掘金
- 全方位彻底读懂<你不知道的JavaScript(上)>--一篇六万多字的读书笔记 - 掘金
- 路径中的'.'和'..'还有'./'和'../'都是什么意思 - CSDN博客
- chenhuiYj/ec-do: 实例为日常开发常用的小实例,包括数组去重,打乱数组,字母大小写转换,cookie操作的封装等。
- BothEyes1993/bes-jstools: 100多个基础常用JS函数和各种数据转换处理集合大全,此工具包是在 outils 的基础上,加上个人平时收集的代码片段进行的二次整合
- Chalarangelo/30-seconds-of-code: Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.
- stone0090/javascript-lessons: 本课程之所以叫做《JavaScript 闯关记》,是因为部分章节精心设计了挑战关卡,通过提供更多的实战机会,让大家可以循序渐进地、有目的地、有挑战地开展学习。
- trekhleb/javascript-algorithms: Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- thedaviddias/Front-End-Checklist: 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
- oldratlee/useful-scripts: 🐌 useful scripts for making developer's everyday life easier and happier
- alexanderepstein/Bash-Snippets: A collection of small bash scripts for heavy terminal users
- wesbos/JavaScript30: 30 Day Vanilla JS Challenge
- 最棒的 JavaScript 学习指南(2018版) - 梦想天空(山边小溪) - 博客园
- JavaScript 秘密花园
表现答疑
js表单答疑解惑
点击Input框弹出日期选项
- 鼠标事件 - Web API 接口 | MDN
- 点击Input框弹出日期选项 - CSDN博客
- 简单的js点击弹出选择日期插件代码
- antd中Select的defaultValue参数问题 - x!!!的回答 - SegmentFault 思否
- defaultValue浅解 - CSDN博客
- 浅解js中的defaultValue - CSDN博客
- input datetime 控件如何设置点击打开日期选择-CSDN论坛
- type=‘date’的input标签 - CSDN博客
- JavaScript时间与日期_专题_脚本之家
input type=number
- input type=number禁止输入小数如何实现-js教程-PHP中文网
- 请问如何不让type=number的Input,不可输入加号减号和多个小数点? - stephenhuang的回答 - SegmentFault 思否
- 关于input[type=number]无法获取小数点的问题!!!! - 迹_Jason的回答 - SegmentFault 思否
- input type=number的 小数设置 - CSDN博客
- type为number的input标签输入小数的方法 - 蓦然回首恍然如梦 - 博客园
- input type=number禁止输入小数 - CSDN博客
- input type="number" 输入允许小数点后两位 - 何少旭 - 博客园
- type为number的input标签输入小数的方法 - CSDN博客
- html input的type设置为number后可以输入e - CSDN博客
- javascript - 怎样让input type=number不能输入负数 - SegmentFault 思否
- 限制input[type=number]的输入位数策略整理 - js-coder - 博客园
- 总结一下 input propertychange
- 总结oninput、onchange与onpropertychange事件的用法和区别 - CSDN博客
- 总结oninput、onchange与onpropertychange事件的使用方法和差别 - 掘金
- html中的css和js控制input,textarea文本框自动获取焦点 - CSDN博客
- select中无法使用click的处理 - 嗑瓜子儿gf - 博客园
- 表单中的单文件点击和拖拽上传 - SaBoo - 博客园
- 解决浏览器会自动填充密码的问题_javascript技巧_脚本之家
- textarea 输入框限制字数(完美兼容)-Thylx的博客
行为答疑
Jsoup获取全国地区数据属性值
- Jsoup获取全国地区数据属性值(省市县镇村)_java_脚本之家
js 动画
- 5000字前端动画交互实现小谈 - 掘金
- js实现帧动画 - CSDN博客
- JavaScript动画特效与技巧_专题_脚本之家
js events
单线程, 异步, 事件驱动
- js的单线程和异步 - wudipmd - 博客园
- javascript 的线程问题,收藏 - Now . Or Never `` - CSDN博客
- JavaScript运行原理解析 - 漫长学习路 - CSDN博客
- js中的同步和异步的个人理解 - YinghaoGuo的博客 - CSDN博客
- 浅谈js运行机制(线程) - 逆风飞舞2016的博客 - CSDN博客
ready&onload
- 细说document.ready和window.onload - 前端路上的小兵 - 博客园
- onload、load()、ready()事件和DOMContentLoaded、load的区别 - 简书
- DOMContentLoaded 与onload区别以及使用 - hoboStage - 博客园
- 谈谈document.ready和window.onload的区别 - 香草柠檬 - 博客园
- DOMContentLoaded与 onload的区别 - 最初的梦 - ITeye博客
- DOMContentLoaded 与onload区别以及使用 - 简书
- 再谈 load 与 DOMContentLoaded - 掘金
坐标、位移
- 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别 - lzding的博客 - CSDN博客
- JavaScript 获取鼠标点击位置坐标 - 谦行 - 博客园
- 原生JS与jQuery中事件对象的坐标详解screenX/clientX/pageX/offsetX - weixin_42839080的博客 - CSDN博客
事件源
- 原生js面试题:event对象中的target,currentTarget的区别,以及应用_事件委托 - jiang7701037的博客 - CSDN博客
- target与currentTarget的区别(jqueryui方式获取z-Index) - 郑星阳 - ITeye博客
- e.target 和 e.srcElement 的使用问题 - horizon~~~ - 博客园
- JavaScript tips —— target与currentTarget的区别 - 南辰_k - 博客园
- 事件对象中target对象和currentTarget对象的区别 - u013746071的专栏 - CSDN博客
- 事件获取目标 currentTarget target srcElement三者之间的区别和联系-布布扣-bubuko.com
- target、currentTarget、srcElement - 简书
- 阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别 - CSDN博客
- e.target与e.currentTarget的区别 - 简书
- actionscript 3 - Difference between e.target and e.currentTarget - Stack Overflow
- 浅析window.onscroll=move以及window.onscroll=move()的区别 - CSDN博客
- JavaScript中的Event事件对象详解 - 沐枫自然 - CSDN博客
- JS中手动触发事件的方法 - jiangxiaobo - 博客园
- js触发页面resize的功能实现 - 木章 - 博客园
- 前端基础 — Web事件总结 - 掘金
- 使用原生js手动触发事件 - geek人生 - CSDN博客
- 事件关键词 bind 和 catch 的区别、事件对象 target 和 currentTarget 的差异 - 掘金
- 如何解决 touchstart 事件与 click 事件的冲突 - 掘金
- JS的事件对象与事件机制 - 掘金
JS实用技巧
- web前端常用技术点001 - 掘金
- 野狗
权限控制
- 前端真的能做到彻底权限控制吗? - 掘金
- 复杂的权限按钮控制优化 · 语雀
大数据量渲染
- 每页500条数据的渲染优化思路(1) - 掘金
- js中(function(){}()),(function(){})(),$(function(){});之间的区别 - CSDN博客
- JavaScript切换特效_专题_脚本之家
- JavaScript错误与调试技巧_专题_脚本之家
- ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript
$语法、算法逻辑相关
¥call、apply、bind
- Function.prototype.apply() - JavaScript | MDN
- 面试官问:能否模拟实现JS的call和apply方法 - 掘金
- 面试官问:能否模拟实现JS的bind方法 - 掘金
- JS中的call、apply、bind方法详解 - 风雨后见彩虹 - 博客园
- JS中的apply,call,bind深入理解 - Jone_chen - 博客园
- js进阶(一)bind和call及apply - CSDN博客
- 详解JS中的this、apply、call、bind(经典面试题)_javascript技巧_脚本之家
- Javascript中从学习bind到实现bind的过程详解-PHP中文网
- javascript - js 当中apply.bind 这种用法是怎么执行的? - SegmentFault 思否
- Javascript中call()、apply()和bind()方法的区别_赵一鸣博客
- JavaScript深入之call和apply的模拟实现 · Issue #11 · mqyqingfeng/Blog
- 「干货」细说 call、apply 以及 bind 的区别和用法 - 掘金
- 【优雅代码】深入浅出 妙用Javascript中apply、call、bind - ChokCoco - 博客园
- 从一行等式理解JS当中的call, apply和bind - 掘金
- 🔮彻底弄清 this call apply bind 以及原生实现 - 掘金
- 详解 new/bind/apply/call 的模拟实现 - 掘金
- 【愣锤笔记】一篇小短文让你彻底搞懂this、call、apply和bind - 掘金
- Function.prototype.bind() - JavaScript | MDN
¥ECMAScript
core
core-js
- zloirock/core-js: Standard Library
- zloirock/core-js at v2
- esnext | es6 es7 es2017 es2018 es2019
- ECMAScript® 2018 Language Specification
- Leo-JavaScript/EXEFE-es6book at master · pingan8787/Leo-JavaScript
- ECMAScript 6 入门 - ECMAScript 6入门
- 探索 ES6
- 【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) - 掘金
- gold-miner/es8-was-released-and-here-are-its-main-new-features.md at master · xitu/gold-miner
- ECMAScript 2018 标准导读 - 知乎
- ES6面试、复习干货知识点汇总(全) - 掘金
- ES6 完全使用手册 - 掘金
- The TC39 Process
- ECMAScript® 2020 Language Specification
- Exploring JS: JavaScript books for programmers
Decorator 修饰器/装饰器
decorators libs&components
javascript
- johanneslumpe/react-native-gesture-recognizers: Gesture recognizer decorators for react-native
- mbasso/react-decoration: A collection of decorators for React Components
- mako-taco/DecorateThis: JS Decorators library
- developit/decko: The 3 most useful ES7 decorators: bind, debounce and memoize
- kriasoft/react-decorators: A collection of higher-order ReactJS components
- joewalnes/reconnecting-websocket: A small decorator for the JavaScript WebSocket API that automatically reconnects
- arolson101/typescript-decorators: Examples of using typescript decorators
- andreypopp/autobind-decorator: Decorator to automatically bind methods to class instances
- ThomasBurleson/angularjs-logDecorator: Demonstration of AngularJS Decorators to enhance and supercharge $log
- CocktailJS/traits-decorator: Traits with decorators
- knownasilya/hapi-decorators: Decorators for HapiJS routes
- MikeRyanDev/angular-decorators: A collection of utilities and annotations that make it easier to write Angular 2 style code in AngularJS 1.x
- HaiFengFE/v-decorators: decorators for vue
- young-steveo/bottlejs: A powerful dependency injection micro container for JavaScript applications
- ember-decorators/ember-decorators: Useful decorators for Ember applications.
- leozdgao/react-async-script-loader: A decorator for script lazy loading on react component
- felixgirault/pure-render-decorator: An ES7 decorator to make React components "pure".
- gvaldambrini/storybook-router: A storybook decorator that allows you to use routing-aware components in your stories
- makeomatic/redux-connect: Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React
- JBlaak/Fitted: Simplifying http requests using ES decorators
- jeffijoe/mobx-task: Makes async function state management in MobX fun.
- farwayer/mobx-decorators: Several helper MobX decorators (setter, observe, save, ...)
- ludohenin/gulp-inline-ng2-template: Gulp plugin to inline HTML and CSS into Angular 2 component decorators
- negomi/redux-burger-menu: A Redux reducer and higher-order component decorator for use with react-burger-menu
- marcin-mazurek/react-render-debugger: Render debugger for React
- siddharthkp/css-constructor: 💄 CSS constructor for React components
- WebReflection/universal-mixin: A mixin usable for both generic objects and decorators.
- bkniffler/slate-mate: Slate medium-like editor with exposed decorators and plugins
- themgoncalves/react-adventure: ⛰ React high-ending architecture & patterns ready for use. Made for big and small projects. PWA Ready.
- pruttned/owl-bt: owl-bt is editor for Behavior trees. It has been inspired by Unreal engine behavior trees in a way, that it supports special node items like decorators and services. This makes trees smaller and much more readable.
- final-form/final-form-calculate: Decorator for calculating field values based on other field values in 🏁 Final Form
- dzautner/JSDecorators: Python like decorators in Javascript with pseudo operator overloading.
- json-schema-form/angular-schema-form-material: Angular Material decorator for Angular Schema Form
- bvaughn/debounce-decorator: Decorator for debouncing class methods
- PlatziDev/socket.io-react: A High-Order component to connect React and Socket.io easily
- cmartin81/decorator-wrap: A ES6 decorator for wrapping classes or methods with you own custom code. You can easily edit the input and the output
- super2god/egg-shell-decorators: 给你的 加个壳
- apollographql/graphql-decorators: Decorators for your GraphQL schema
- gnoff/react-tunnel: React components and decorators for putting context-like values into context and pulling them out as props
typescript
- 19majkel94/type-graphql: Create GraphQL schema and resolvers with TypeScript, using classes and decorators!
- typestack/class-validator: Validation made easy using TypeScript decorators.
- typestack/routing-controllers: Create structured, declarative and beautifully organized class-based controllers with heavy decorators usage in Express / Koa using TypeScript and Routing Controllers Framework.
- typestack/class-transformer: Proper decorator-based transformation / serialization / deserialization of plain javascript objects to class constructors
- RobinBuschmann/sequelize-typescript: Decorators and some other features for sequelize
- TypedProject/ts-express-decorators: A TypeScript Framework on top of Express. It provide a lot of decorators and guideline to write your code.
- itsFrank/vue-typescript: Typescript decorators to make vue feel more typescripty
- ngParty/ng-metadata: Angular 2 decorators and utils for Angular 1.x
- championswimmer/vuex-module-decorators: TypeScript/ES7 Decorators to create Vuex modules declaratively
- PillowPillow/ng2-webstorage: Localstorage and sessionstorage manager - Angular service
- mgechev/aspect.js: JavaScript library for aspect-oriented programming using modern syntax.
- marcj/angular2-localstorage: Angular 2+ decorator to save and restore variables/class properties to HTML5 LocalStorage automatically.
- NetanelBasal/ngx-take-until-destroy: 🤓 RxJS operator that unsubscribe from observables on destroy
- prismake/typegql: Create GraphQL schema with TypeScript classes.
- thiagobustamante/typescript-rest: This is a lightweight annotation-based expressjs extension for typescript.
- thiagobustamante/typescript-ioc: A Lightweight annotation-based dependency injection container for typescript.
- NetanelBasal/ngx-auto-unsubscribe: Class decorator that will automatically unsubscribe from observables
- k1r0s/kaop-ts: Simple Yet Powerful Library of ES2016 Decorators with Strongly typed method Interceptors like BeforeMethod, AfterMethod, OnException, etc
- serhiisol/node-decorators: node-decorators
- seanpmaxwell/overnight: TypeScript decorators for the ExpressJS Server.
- testdeck/testdeck: Object oriented testing
- angelnikolov/ngx-cacheable: Observable/Promise Cache Decorator
- mgechev/memo-decorator: Decorator which applies memoization to a method of a class.
- NetanelBasal/helpful-decorators: Helpful decorators for typescript projects
- zoomsphere/ngx-store: Angular decorators to automagically keep variables in HTML5 LocalStorage, SessionStorage, cookies; injectable services for managing and listening to data changes and a bit more.
- vsternbach/angular-ts-decorators: A collection of angular decorators for angularjs 1.5.x projects written in typescript
- philcockfield/storybook-host: A React Storybook decorator with helpful display options for hosting components under test.
- vue-typed/vue-typed: Sets of ECMAScript / Typescript decorators that helps you write Vue component easily.
- Cody2333/koa-swagger-decorator: using decorator to automatically generate swagger doc for koa-router
- miaowing/nest-schedule: A cron-like and not-cron-like job distributed scheduler for Nest.js by decorators.
- inversify/inversify-inject-decorators: Lazy evaluated property injection decorators
- typestack/socket-controllers: Use class-based controllers to handle websocket events
- inversify/inversify-binding-decorators: An utility that allows developers to declare InversifyJS bindings using ES2016 decorators
- felixfbecker/sequelize-decorators: Sequelize + Decorators = ❤
- ulfryk/angular-typescript: TypeScript 1.7 annotations (decorators) for AngularJS 1.x
- Polymer/polymer-decorators: TypeScript decorators for Polymer.
- dormd/rich-logger-decorator: Rich Logger Typescript Decorator for Easy Coding & Debugging
- abraham/reflection: Lightweight (3K) ES Module implementation of reflect-metadata
- nuxt-community/nuxt-class-component: ES / TypeScript decorator for class-style Nuxt/Vue components
- pueue/graphql-typescript: Define and build GraphQL Schemas using typed classes
- thiagobustamante/typescript-rest-swagger: Swagger tools for typescript-rest
- typestack/class-sanitizer: Class-based sanitation in Typescript using decorators
- swimlane/trafficlight: 🚦 Flexible NodeJS Routing Decorators for API Routing
- KarlPurk/redux-decorators: A ridiculously good syntax for working with Redux using decorators in ES7 / TypeScript. Currently limited to Angular 2 but could potentially be used elsewhere.
- nicolasgere/graphql-ts: Graphql implementation in Typescript using decorator
- ngxs-labs/emitter: New pattern that provides the opportunity to feel free from actions
- nuxt-community/nuxt-property-decorator: Property decorators for Nuxt (base on vue-property-decorator)
core-decorators
- jayphelps/core-decorators: Library of stage-0 JavaScript decorators (aka ES2016/ES7 decorators but not accurate) inspired by languages that come with built-ins like @override, @deprecate, @autobind, @mixin and more. Popular with React/Angular,
lodash-decorators
- lodash-decorators - npm
- steelsojka/lodash-decorators: A collection of decorators using lodash at it's core.
- Lodash Decorators Documentation API Document
Decorator FAQ
- JS-学习ES6之- Decorator 修饰器 - BigKongfuPanda的博客 - CSDN博客
- 在 Web 应用中使用 ES7 装饰器(Decorator)初体验 - 菜菜蔡伟的博客 - SegmentFault 思否
- Javascript装饰器的妙用 - 全沾开发(huā) - SegmentFault 思否
- javascript - Cannot use decorators in Node/BabelJS application - Stack Overflow
- 利用Decorator如何控制Koa路由详解_node.js_脚本之家
- koa 使用 decorator - ISaiSai的专栏 - CSDN博客
- 黄金搭档 -- JS 装饰器(Decorator)与Node.js路由 - 简书
- 修饰器 - ECMAScript 6入门
- @babel/plugin-proposal-decorators · Babel
- Decorators · TypeScript
- JavaScript设计模式----装饰者模式 - 侯志强 - SegmentFault 思否
- JS 装饰器解析 - FE cloud - SegmentFault 思否
- JavaScript设计模式七:装饰者模式 - Counting Stars - SegmentFault 思否
- JS 装饰器,一篇就够 - 不挑食的程序员 - SegmentFault 思否
- 装饰器模式&&ES7 Decorator 装饰器 - FeMiner - 博客园
- Exploring EcmaScript Decorators – Google Developers – Medium
import-helper
- sorrycc/import-helper: Don't waste time to write import/require statement.
ES 资源 & 教程 & FAQ
ES 资源
ES6基础
- 【ES6基础】解构赋值(destructuring assignment) - 掘金
- 【ES6基础】展开语法(Spread syntax) - 掘金
- 【ES6基础】箭头函数(Arrow functions) - 掘金
- 【ES6基础】默认参数值 - 掘金
- 【ES6基础】const介绍 - 掘金
- 【ES6基础】let和作用域 - 掘金
- 2019 年的 JavaScript 新特性学习指南 | 掘金年度征文 - 掘金
- devsnek/proposal-iterator-helpers
- 重读《深入理解ES6》—— 函数 - 掘金
- [ ES6 ] 快速掌握常用 ES6 (一) - 掘金
- [ ES6 ] 快速掌握常用 ES6 (二) - 掘金
- 【译】30 Seconds of ES6 (一) - 掘金
- [前端怪谈_1] 从 for of 聊到 Generator - 掘金
- [前端怪谈_2] 从 Dva 的 Effect 到 Generator + Promise 实现异步编程 - 掘金
- 深入ECMAScript系列(一):词法环境 - 掘金
- 深入ECMAScript系列(二):执行上下文 - 掘金
- 菜鸟也谈js(一)——ES6解构对象篇 - 掘金
- 从规范看ECMAScript(一):规范基础 - 掘金
- 从规范看ECMAScript(二):数据类型 - 掘金
ES5基础
- 基石-ES5基础(一) 数据类型&类型转换/判断 - 掘金
- 基石:ES5基础(二) 对象& 属性特征 - 掘金
- 基石:ES5基础(三) 原型&原型链&继承 - 掘金
- 基石:ES5基础(四) 执行环境&作用域&闭包 - 掘金
ES 教程
- Module 的语法 - ECMAScript 6入门
- 【译】五个ES6功能,让你编写代码更容易 - 掘金
- 前端开发者不得不知的ES6十大特性 - WEB前端 - 伯乐在线
- ECMAScript 2017(ES8)特性概述 - 知乎
- JavaScript: ECMAScript 2018(ES2018)有哪些新功能?_慕课手记
- 前端开发者不得不知的ES6十大特性 - WEB前端 - 伯乐在线
- 每个JavaScript开发人员都应该知道的新ES2018功能(译文) - 掘金
- 每个 JavaScript 开发者都该了解的 ES2018 新特性 - 掘金
- ES2019 新特性简介 - 掘金
- 【小试牛刀】Stage-2 装饰器初探 - 掘金
- 【译】2019 JavaScript 新玩法 - 掘金
- 🎉喜大普奔,ES2019登场 - 掘金
- chanceLe/ES6-Basic-Syntax: Basic-Syntax
- 【译】ES10功能完全指南 - 掘金
- 迅速了解一下 ES10 中 Object.fromEntries 的用法 - 掘金
- 350 个特性看透 ES6 - 前端 - 掘金
- ES 5 新增特性汇总 - 掘金
- ES5 to ESNext — 自 2015 以来 JavaScript 新增的所有新特性 - 掘金
- ES6、ES7、ES8、ES9、ES10新特性一览 - 掘金
- [译]JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators - 掘金
- ES6新增的属性和方法 - HTML5总结 - 千锋教育论坛 - Powered by Discuz!
- ES6新增—let、const、字符串连接、解构赋值、复制数组 - 夏至未至~ - 博客园
- ES proposal: `import()` – dynamically importing ES modules
- ES9中的异步迭代器(Async iterator)和异步生成器(Async generator) - 掘金
- ES6 系列之 let 和 const - 掘金
- [译] 在JavaScript中何时使用var、let及const - 掘金
- 妙用ES6解构和扩展运算符让你的代码更优雅 - loop4ever - 博客园
- 扩展运算符(...)的用途 - CSDN博客
- ES6--扩展运算符与剩余操作符
- 每日一记 3分钟从编译后的代码里学 let 和 const 命令 - 掘金
- ES6中类的静态方法=> static 的使用 - 掘金
- ES6 中的 Symbol、Set 和 Map - 前端 - 掘金
- ES6之Array.from()方法 - 掘金
- ES6 --- 新的变量声明方式 let 与 const 解析 - 掘金
- [译]使用 JavaScript 对象 Rest 和 Spread 的7个技巧 - 掘金
- 如何用 es6+ 写出优雅的 js 代码 - 掘金
- 深入理解 ES Modules (手绘示例) - 众成翻译
- ES6 系列之 Babel 是如何编译 Class 的(下) - 掘金
- 判断一个值是不是空的方法,尽可能严谨、正确,分析下和其他方式相比的优缺点 · Issue #2 · FeNature/js-es6
- es6入门3--箭头函数与形参等属性的拓展 - 听风是风 - 博客园
- Javascript之ES7详解 - 掘金
- ES9已经来了 Are you ready? - 掘金
- 从ES6到ES10的新特性万字大总结(不得不收藏) - 掘金
- ES7、ES8、ES9、ES10新特性大盘点
ES FAQ
JS严格模式不能用arguments.callee
- 小tips:JS严格模式(use strict)下不能使用arguments.callee的替代方案 - 风雨后见彩虹 - 博客园
- javascript - js 严格模式下arguments.callee用什么替代 - SegmentFault 思否
- 小tips:JS严格模式(use strict)下不能使用arguments.callee的替代方案 - weixin_34413103的博客 - CSDN博客
- 为什么说ES6的class是语法糖? - 掘金
- 箭头函数正在正在破坏我们的 React 组件…… - 知乎
- 在JavaScript项目中正确是使用ES7的语法 - 水痕 - CSDN博客
¥JSON&XML
¥XML
fast-xml-parser
- Fast XMl Parser
- NaturalIntelligence/fast-xml-parser: Validate XML, Parse XML to JS/JSON and vise versa, or parse XML to Nimn rapidly without C/C++ based libraries and no callback
¥JSON
JSON core
JSON5
- json5/json5: JSON5 — JSON for humans
- JSON5 | JSON for Humans
- The JSON5 Data Interchange Format
- json5 - npm
- json5 · PyPI
- dpranke/pyjson5: A Python implementation of the JSON5 data format
- json5-JavaScript中文网-JavaScript教程资源分享门户
- json5-loader · webpack 中文文档(2.2)
- json5-loader
- 什么是JSON5以及JSON5的解析 - 一个开发者的独白 - SegmentFault 思否
- douglascrockford/JSON-js: JSON in JavaScript
- JSON
- JSON
- json.cn
- Specification | JSON Schema
- Understanding JSON Schema — Understanding JSON Schema 1.0 documentation
- JSON
- JavaScript中的JSON - JSON中国 | JSON中文网
json3
- bestiejs/json3: A JSON polyfill. Looking for new maintainers.
- JSON 3
- 你不知道的 JSON.stringify() 的威力 - 掘金
combine-json
- userpixel/combine-json: Combines a group of json files and folders into an object
- combine-json - npm
- JSDoc: Home
deep-parse-json
- https://github.com/sibu-github/deep-parse-json
geojson&topojson
- geojson.io
- mapshaper
- mbloch/mapshaper: Tools for editing Shapefile, GeoJSON, TopoJSON and CSV files
- Home · topojson/topojson Wiki
JSON Generator
- www.cnblogs.com/lhb25/p/tool-for-generating-random-json-data.html
JsonML
- JsonML (JSON Markup Language)
JSONFormData
- roman01la/JSONFormData: HTML JSON form submission polyfill
jsonform
- jsonform/jsonform: Build forms from JSON Schema. Easily template-able. Compatible with Bootstrap 3 out of the box.
- JSON Form Playground
json-forms
- brutusin/json-forms: JSON Schema to HTML form generator, supporting dynamic subschemas (on the fly resolution). Extensible and customizable library with zero dependencies. Bootstrap add-ons provided
- brutusin.org/json-forms/
JSON-deepstringify
- leodutra/JSON-deepstringify: Stringifies an object's inherited properties.
json-fmt
- MaxArt2501/json-fmt: Minify and prettify your JSONs
JSON教程&操作&资源
JSON教程&FAQ
- 前端页面使用 Json对象与Json字符串之间的互相转换 - 码农弟 - 博客园
- JS中JSON对象和String之间的互转及处理技巧_javascript技巧_脚本之家
- 前端js如何生成一个对象,并转化为json字符串 - 叶丶梓轩 - 博客园
- javascript json字符串与对象相互转换 - haxnt - 博客园
- js 将json字符串转换为json对象的方法解析_javascript技巧_脚本之家
- ES6中Json、String、Map、Object之间的转换 - CSDN博客
- js 将json字符串转换为json对象的方法解析_javascript技巧_脚本之家
- javascript中json对象json数组json字符串互转及取值 - 棒棒博客 - 博客园
- js中,清空对象(删除对象的属性) - CSDN博客
- Js中获取对象的所有key值 - TiestoRay - 博客园
- javascript一种新的对象创建方式-Object.create() - yupeng - 博客园
- js 判断一个json里是不是包含某个key - CSDN博客
- 将字符串转化成json对象 - hy_85的日志 - 网易博客
- javascript转换字符串为json对象的方法的相关文章推荐 - 非技术 - ITeye专栏频道
- 解决IE6、7、8使用JSON.stringify报JSON未定义错误的问题 - CSDN博客
- 在IE兼容模式下 提示JSON未定义 - CSDN博客
- 用JS解析JSON - 掘金
- js对象浅拷贝和深拷贝详解_javascript技巧_脚本之家
- jquery 对 Json 的各种遍历-前端开发博客
- 【js】JSON.stringify 语法实例讲解 - NW_KNIFE - 博客园
- JSON.stringify 语法实例讲解_json_脚本之家
- javascript - JSON.parse(JSON.stringify(data)) - SegmentFault 思否
判断字符串是否为JSON格式
- js判断字符串是否为JSON格式 - 前进者 - CSDN博客
- javascript - js如何判断一个字符串是否为json格式 - SegmentFault 思否
- 【最简单的方法】js判断字符串是否为JSON格式(20180115更新) - 雷明nice - 博客园
is-json
- joaquimserafim/is-json: check if a string is a valid JSON string in JavaScript without using Try/Catch
- 如何识别一个字符串是否Json格式 - 路过秋天 - 博客园
- cyqdata/JsonSplit.cs at master · cyq1162/cyqdata
- 判断一个字符串是否是合法的JSON字符串 - u014133299的博客 - CSDN博客
- 【最简单的方法】js判断字符串是否为JSON格式(20180115更新) - 雷明nice - 博客园
JSON比较
- Akimotorakiyu/jsonComparer: 比较两个json表示的对象是否一致
- json字符串中,包含函数的处理 - CSDN博客
JSON资源
- 全国市级城市拼音-中文对照表(json格式) - CSDN博客
- 中国省份城市列表(汉字+拼音) - CSDN博客
- Json在线解析格式化-Json在线解析校验Json格式化压缩-Json解析
- 格式校验利器:JSON Schema 简介 | Ocavue's Blog
- JSON在线解析及格式化验证 - JSON.cn
- JS解析格式化Json插件,Json和XML互相转换插件-JS/JQuery-Json在线解析C#.Net社区
¥TypeScript
TypeScript core
- TypeScript - JavaScript that scales.
- Microsoft/TypeScript: TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
- TypeScript 3.2 · TypeScript
- tsconfig.json · TypeScript
- Introduction · TypeScript Handbook(中文版)
- TypeScript Types Search
- TypeScript中文网 · TypeScript——JavaScript的超集
依赖注入
- 十几行代码实现一个ts依赖注入 - 掘金
- DIP、IoC、DI、JS - 掘金
TypeScript-React-Starter
- Microsoft/TypeScript-React-Starter: A starter template for TypeScript and React with a detailed README describing how to use the two together.
TypeScript-Babel-Starter
- Microsoft/TypeScript-Babel-Starter: A sample setup using Babel CLI to build TypeScript code, and using TypeScript for type-checking.
TypeScript-Node-Starter
- microsoft/TypeScript-Node-Starter: A starter template for TypeScript and Node with a detailed README describing how to use the two together.
typescript-eslint
- typescript-eslint/typescript-eslint: Monorepo for all the tooling which enables ESLint to support TypeScript
create-exposed-app
- iamturns/create-exposed-app: App generator with everything exposed for maximum control
Xterm.js
- 初窥Xterm.js - 掘金
教程、资料
- 分类: TypeScript学习笔记 | banggan's Blog
- 文档简介 · TypeScript中文网 · TypeScript——JavaScript的超集
- TypeScript 3.3来了!快看看有什么新功能 - 掘金
- Typesctipt 定义定长列表的类型 - 掘金
- [译] TypeScript 和 Babel:一场美丽的婚姻 - 掘金
- TypeScript Roadmap: January - June 2019 · Issue #29288 · Microsoft/TypeScript
- TypeScript 中的多种 import 解义 - 前端 - 掘金
- 使用 TypeScript + React + Redux 进行项目开发(入门篇,附源码) - 掘金
- 一文学懂 TypeScript 的类型 - 掘金
- 🔌 TS 的 Interface 了解一下? - 掘金
- 巧用 TypeScript (一) - 掘金
- 巧用 TypeScript(二) - 掘金
- 巧用 TypeScript(三) - 掘金
- 巧用 TypeScript(四) - 掘金
- 巧用 TypeScript(五)-- infer - 掘金
- TypeScript从入门到精通 - 前端 - 掘金
- TypeScript 简明教程:安装 TypeScript - 掘金
- TypeScript 简明教程:认识 TypeScript - 掘金
- TypeScript 简明教程:基本类型(一) - 掘金
- TypeScript 简明教程:基本类型(二) - 掘金
- 前端工具类项目规范化-使用TS - 掘金
- 起步 · TypeScript——JavaScript的超集
- TypeScript 基础入门(一) - 掘金
- 2.TypeScript 基础入门(二) - 掘金
- TypeScript入门完全指南(基础篇) - 掘金
- 「译」深入typescript系列1 - 掘金
- 从零开始学typescript构建一个rest风格web服务 - 掘金
- 聊聊TypeScript中类、接口之间相互继承与实现的那些事儿 - 掘金
- typescript + react 项目开发体验之typescript - 掘金
- typescript 中的 interface 和 type 到底有什么区别? · Issue #7 · Weiyu-Chen/blog
- 【译】30 分钟入门 Typescript - 掘金
¥前端算法
基本算法
浅解前端必须掌握的算法
- 浅解前端必须掌握的算法(一):冒泡排序 - 掘金
- 浅解前端必须掌握的算法(二):简单选择排序 - 掘金
- 浅解前端必须掌握的算法(三):直接插入排序 - 掘金
- 浅解前端必须掌握的算法(四):希尔排序 - 掘金
- 浅解前端必须掌握的算法(五):堆排序(上) - 掘金
- 浅解前端必须掌握的算法(五):堆排序(下) - 掘金
- 五分钟学会一个高难度算法:快速排序 - 掘金
- hustcc/JS-Sorting-Algorithm: 一本关于排序算法的 GitBook 在线书籍 《十大经典排序算法》,使用 JavaScript & Python & Go & Java 实现。
- MisterBooo/Play-With-Sort-OC: 基础排序 冒泡排序 插入排序 快速排序 双路快速排序 三路快速排序 堆排序
- sort.hust.cc
- OBKoro1/Brush_algorithm: 前端算法,求Star⭐️,文档地址 //obkoro1.com/web_accumulate/algorithm/
- 五分钟学会一个高难度算法:希尔排序 - 掘金
- 【js】常用的一些基础算法 | 师峰的博客
- 前端常见算法的JS实现 - 每天学点前端开发 - SegmentFault 思否
- jquery对table表格操作(方法二) - CSDN博客
- Jquery对Table表格排序(方法一) - CSDN博客
- 十大经典排序算法的 JavaScript 实现 - 梦想天空(山边小溪) - 博客园
- 浅解前端必须掌握的算法(二):简单选择排序 - 掘金
- JS冒泡排序的6种写法 - 掘金
- JavaScript数据结构与算法_专题_脚本之家
- JavaScript数学运算_专题_脚本之家
- JavaScript遍历算法与技巧_专题_脚本之家
- JavaScript查找算法_专题_脚本之家
search-trie-tree
- hh54188/search-trie-tree
视频标签算法
- 看过上百部片子的这个人教你视频标签算法解析 - 掘金
二叉搜索树
- 算法篇 - 二叉搜索树 - 掘金
色板生成算法
- Ant Design 色板生成算法演进之路 | YMFE
看图轻松理解数据结构和算法系列
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 看图轻松理解数据结构与算法系列(合并排序)
- 远洋号
- 远洋号
- 看图轻松理解数据结构与算法系列(Radix树)
- 图论动态规划算法——Floyd最短路径
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
JS 数据结构解析和算法实现
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-二分搜索树(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-二分搜索树(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-链表与递归 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-链表 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-栈和队列 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-Arrays(数组) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-红黑树(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-红黑树(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-AVL树(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-AVL树(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-并查集(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-并查集(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-Trie字典树 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-线段树 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-集合和映射 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-哈希表 - 掘金
- 聊聊前端排序的那些事 - 前端 - 掘金
- javascript-algorithms/README.zh-CN.md at master · trekhleb/javascript-algorithms
- trekhleb/javascript-algorithms: Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- 为什么我认为数据结构与算法对前端开发很重要? · Issue #2 · LeuisKen/leuisken.github.io
- [浅析]特定场景下取代if-else和switch的方案 - 掘金
- 补充一个替代 for 循环的新姿势 - 掘金
¥前端状态管理
Ractor
- 下一代状态管理系统 - Ractor - 掘金
- FE-Ractor/ractor-react
- FE-Ractor/ractor-hooks: custom hooks for React
- FE-Ractor/ractor: An event system based state management inspired by Redux and Akka Actor
- Reade Me · Ractor
- developit/stockroom: 🗃 Offload your store management to a worker easily.
- JS手写状态管理的实现 - 掘金
¥设计模式
每天一个设计模式
- 每天一个设计模式之责任链模式 - 掘金
- 每天一个设计模式之享元模式 - 掘金
- 每天一个设计模式之组合模式 - 掘金
- 每天一个设计模式之命令模式 - 掘金
- 每天一个设计模式之订阅-发布模式 - 掘金
- 每天一个设计模式·迭代器模式 - 掘金
- 每天一个设计模式·代理模式 - 掘金
- 每天一个设计模式·策略模式 - 掘金
- 每天一个设计模式之单例模式 - 掘金
- 每天一个设计模式之装饰者模式 - 掘金
前端设计模式
- 前端设计模式(0)面向对象&&设计原则 - 掘金
- 前端设计模式(1)--工厂模式 - 掘金
JavaScript设计模式与开发实践
- 《JavaScript设计模式与开发实践》最全知识点汇总大全 - 掘金
- 《JavaScript设计模式与开发实践》基础篇(1)—— this、call 和 apply - 掘金
- 《JavaScript设计模式与开发实践》基础篇(2)—— 闭包和高阶函数 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(1)—— 单例模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(2)—— 策略模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(3)—— 代理模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(4)—— 迭代器模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(5)—— 观察者模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(6)—— 命令模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(7)—— 组合模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(8)—— 模板方法模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(9)—— 享元模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(10)—— 职责链模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(11)—— 中介者模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(12)—— 装饰者模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(13)—— 状态模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(14)—— 适配器模式 - 掘金
- 《JavaScript设计模式与开发实践》原则篇(1)—— 单一职责原则 - 掘金
- 《JavaScript设计模式与开发实践》原则篇(2)—— 最少知识原则 - 掘金
- 《JavaScript设计模式与开发实践》原则篇(3)—— 开放-封闭原则 - 掘金
- 小白设计模式:组合模式 - 掘金
- JS设计模式一:工厂模式 - 掘金
- jS设计模式二:单例模式 - 掘金
- JS设计模式三:模块模式 - 掘金
- JS设计模式四:代理模式 - 掘金
- JS设计模式五:职责链模式 - 掘金
- JS设计模式六:策略模式 - 掘金
- JS设计模式七:发布-订阅模式 - 掘金
- 在JavaScript中理解策略模式 - 掘金
- JavaScript-观察者模式(publish/subscribe) - CSDN博客
- JavaScript 常见设计模式 - 掘金
- 在JavaScript中理解组合模式 - 掘金
- 在JavaScript中尝试组合模式 | 夜曉宸
¥编译原理
闭包
- 用垃圾回收机制解释JavaScript中的闭包 - 掘金
- [译]发现 JavaScript 中闭包的强大威力 - 掘金
- 理解 JavaScript 中的闭包 - 掘金
- 循环中的异步&&循环中的闭包 - 掘金
- 前端小秘密系列之闭包 - 掘金
- 我从来不理解JavaScript闭包,直到有人这样向我解释它 - 掘金
- 深入理解JavaScript的闭包特性 如何给循环中的对象添加事件 - gaoshanwudi的专栏 - CSDN博客
- 如何让将js闭包内部局部变量全部删除_百度知道
作用域
可视化上下文作用域变量
- tylermcginnis/javascriptvisualizer: A tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript.
- JavaScript Visualizer
- 与作用域相关的闭包、内存泄漏、this - 掘金
- 理解 JavaScript 中的作用域 - 掘金
- 精华提炼「你不知道的 JavaScript」之作用域和闭包 - 掘金
- 理解JavaScript的核心知识点:作用域 - 掘金
错误类型
- 详解JavaScript中的六种错误类型_javascript技巧_脚本之家
- Error | MDN
- EvalError | MDN
- InternalError | MDN
- RangeError | MDN
- ReferenceError | MDN
- SyntaxError | MDN
- TypeError | MDN
- URIError | MDN
- js的各种错误类型 - 炎泽 - 博客园
¥this
- 淺談 JavaScript 頭號難題 this:絕對不完整,但保證好懂 · Issue #39 · aszx87410/blog
- JavaScript中的this - 掘金
- JavaScript中的this详解 - 掘金
- 【翻译】理解JS的函数调用和‘this’的指向 - 掘金
- 理解 JavaScript 中的 this - 掘金
- 揭秘JavaScript中“神秘”的this关键字 - 掘金
- 嗨,你真的懂this吗? - 掘金
- 一文看穿JavaScript中this的圈圈绕 - 掘金
- JavaScript中this指向的总结 - 掘金
执行上下文和堆栈
- 聊一聊JavaScript中的执行上下文和堆栈 - 掘金
- [译] 理解 JavaScript 中的执行上下文和执行栈 - 掘金
- 理解 JavaScript 中的执行上下文
- ascoders/syntax-parser: Light and fast 🚀parser! With zero dependents.
- 精读《syntax-parser 源码》 - 掘金
- https://juejin.im/entry/5c0538245188257c3045ccc3
- 关于var a = 2; JS干了什么? - 掘金
- jrainlau/canjs: CanJS is a javascript interpreter, which can run JS code in JS.
- JavaScript的工作原理:引擎,运行时和调用堆栈 - 掘金
- 模拟实现 JS 引擎:深入了解 JS机制 以及 Microtask and Macrotask - 掘金
- [译] 通过垃圾回收机制理解 JavaScript 内存管理 - 掘金
- 温故而知新:JS变量提升与时间死区 - 掘金
- 原型、原型链、作用域、作用域链、闭包 - 掘金
尾调用/尾递归
- Javascript中的尾递归及其优化 - 掘金
- Using trampolines to manage large recursive loops in JavaScript - LogRocket Blog
- Tail call optimization in ECMAScript 6
- 怎样避免JavaScript中过长递归导致的堆栈溢出? - 知乎
¥函数相关
$回调函数
- 事实上,回调函数还不错!! - 掘金
- Actually, callbacks are fine - DEV Community 👩💻👨💻
无限调用
- 无限调用之链模式分析 - 掘金
$函数柯里化
- JS专题之函数柯里化 - 掘金
函数-FAQ
- 如何编写高质量的函数 -- 命名/注释/鲁棒篇 - 掘金
- JS的函数篇(4.3W字) - 掘金
- The "new Function" syntax
$高阶函数
- JavaScript 高阶函数快速入门 - 掘金
- 彻底理解JavaScript函数的调用方式和传参方式——结合经典面试题 - 掘金
- 胡说-JavaScript函数类型 - 掘金
¥继承&prototype
¥继承
- JavaScript中的函数继承 - 掘金
- JavaScript常用八种继承方案 - 掘金
- 记不住的继承方式 - 掘金
- JS实现继承的几种方式 - 幻天芒 - 博客园
- 浅谈JS的继承 - 掘金
- 【前端词典】继承(一) - 面试官问的你都会吗? - 掘金
- JavaScript 七大继承全解析 - 掘金
- 面试官问:JS的继承 - 掘金
¥prototype
- 简单理解js的prototype属性 - 循环源圈 - 博客园
- 深入理解js的prototype以及prototype的一些应用 - 循环源圈 - 博客园
- JavaScript Prototype(原型) 新手指南 - 前端 - 掘金
- Object.prototype.propertyIsEnumerable() - JavaScript | MDN
- 彻底弄懂JS原型与继承 - 掘金
- 如何理解JavaScript的原型和原型链? - 掘金
- 一道关于this和原型链的JS题目 · Issue #16 · RicardoCao-Biker/RICO-BLOG
- 说来话长的 Javascript 原型链 - 掘金
- 为什么 JavaScript 要设计原型模式 - 掘金
- 理解 JavaScript 中的原型 - 掘金
- 深入学习js之——原型和原型链 - 掘金
- 原型对象与原型链 - 掘金
- 详解JavaScript原型 - 掘金
- 帮你彻底搞懂JS中的prototype、__proto__与constructor(图解) - 掘金
- js关于原型,原型链的面试题 - ken丶123 - 博客园
- 一文搞懂JavaScript原型链(看完绝对懂) - 掘金
- 继承与原型链 | MDN
- 小议JS原型链、继承 - 掘金
- 面试官问:能否模拟实现JS的new操作符 - 掘金
- 深入理解JavaScript原型链与继承 - 掘金
¥对象
读写深度嵌套的对象
- 如何安全地读写深度嵌套的对象? - 掘金
- avsm/ocaml-lens: Private extraction of astrada's lens library
- beizhedenglong/js-lens: Safely accessing and updating nested object with functional features.
判断对象是否相等
- JS 如何判断两个对象相等 - CSDN博客
- JavaScript专题之如何判断两个对象相等 · Issue #41 · mqyqingfeng/Blog
- WhiteMinds/comparison-object-diff: 深度比较对象差异, 生成差异结果, 并允许通过此结果来对旧对象进行更新, 主要目的是节约流量, 实现数据的局部更新
JavaScript面向对象精要
- 《JavaScript面向对象精要》之一:基本类型和引用类型 - 掘金
- 《JavaScript面向对象精要》之二:函数 - 掘金
- 《JavaScript面向对象精要》之三:理解对象 - 掘金
- 《JavaScript面向对象精要》之四:构造函数和原型对象 - 掘金
- 《JavaScript面向对象精要》之五:继承 - 掘金
- 《JavaScript面向对象精要》之六:对象模式 - 掘金
- JS 中的面向对象 prototype class - 掘金
- Javascript 面向对象编程(一):封装 - 阮一峰的网络日志
- Javascript面向对象编程(二):构造函数的继承 - 阮一峰的网络日志
- Javascript面向对象编程(三):非构造函数的继承 - 阮一峰的网络日志
对象的属性
- 理解 JavaScript 对象的属性 - 掘金
- toString && valueOf && Symbol.toPrimitive 辨析 - 掘金
对象的操作、方法
Object.create与new
- JS中new和Object.create() - chjunjun的博客 - CSDN博客
- Object.create()方法 - 知其黑,守其白。 - CSDN博客
- 你不知道的javascript之Object.create 和new区别 - blueblueskyhua的博客 - CSDN博客
- object.create(null) 和 {}创建对象的区别 - 前端路上的小兵 - 博客园
- Object.create()和new object()和{}的区别 - leijee - 博客园
- 重学 JS 系列:聊聊 new 操作符 - 掘金
- JavaScript进阶之模拟new Object()过程 - 掘金
- JS 操作符优先级及new - 简书
Object.is
- Object.is() - JavaScript | MDN
Property
- javaScript中的Object.defineProperty()和defineProperties() - web前端小站 - SegmentFault 思否
- 超详细版 Object.defineProperty() - 掘金
- 神奇的 Object.defineProperty - 掘金
- 解析神奇的 Object.defineProperty - 阅读 - 掘金
- ES6 系列之 defineProperty 与 proxy - 掘金
- 理解 JavaScript 的 Object.defineProperty() 函数 - 前端 - 掘金
循环、遍历、枚举
- 5分钟彻底理解Object.keys - 掘金
- 5分钟彻底理解Object.keys - 前端 - 掘金
- for in,Object.keys,for of 的区别 - 掘金
- (for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of - 掘金
- for in,Object.keys(),for of,hasOwnProperty()怎么用? - 掘金
- 2分钟轻松搞定Object.keys(),for...in,getOwnPropertyNames()的区别 - 掘金
- (for..in)、Object.keys() 和 Object.getOwnPropertyNames(),for...o - 前端 - 掘金
- 如何检查一个对象是否为空 - 掘金
- JavaScript中 for、for in、for of、forEach等使用总结 - - SegmentFault 思否
- js中return 、return false 、return true、break、continue区别 - 曹小半仙 - 博客园
- Javascript Array forEach()中无法return和break,代替方法some()与every() - lihefei_coder的博客 - CSDN博客
- Object()的方法一览 - 掘金
- JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别 - 古兰精 - 博客园
- Object.keys方法之详解 - CSDN博客
- JS: Object.assign() Vs Spread Operator - 掘金
- Object.create(null) 和 {} 的区别 - 掘金
- JS对象,你不可不知的知识体系 - 掘金
- js 中对 Object 对象的一些常用操作总结 - haorooms - 前端 - 掘金
- Object.assign()方法 - CSDN博客
- assign、retain和copy的区别 - CSDN博客
- assign、weak、strong、retain、__block、__weak - CSDN博客
- JavaScript中Object.prototype.toString方法的原理_javascript技巧_脚本之家
- JavaScript中创建对象的那些事儿
深拷贝和浅拷贝
- js 深浅拷贝知多少 - 掘金
- ES6深拷贝与浅拷贝-每天进步一点点-51CTO博客
- 深入浅出深拷贝与浅拷贝 - 掘金
- 浅拷贝 and 深拷贝 - melinxie - 博客园
- JavaScript基础心法——深浅拷贝 - 前端 - 掘金
JavaScript原生对象拓展
- 据说每个大牛、小牛都应该有自己的库——JavaScript原生对象拓展 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——Event处理 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——框架篇 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——Ajax - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——DOM处理 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——DOM处理续 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——框架篇 - 谦行 - 博客园
- 扩展js原生对象的正确姿势 - 巍影之戈 - CSDN博客
- js-ES6学习笔记-对象的扩展 - ZhangCui - 博客园
- Javascript面向对象扩展库
- 用JAVASCRIPT实现静态对象、静态方法和静态属性
- [JS] 面向对象的5种写法和拓展JS对象的写法 - Aviva_ye - 博客园
- Javascript面向对象扩展库(lang.js)-CSDN下载
- js-ES6学习笔记-函数的扩展 - ZhangCui - 博客园
- js-ES6学习笔记-数组的扩展 - ZhangCui - 博客园
- js-ES6学习笔记-数值的扩展 - ZhangCui - 博客园
- js-ES6学习笔记-正则的扩展 - ZhangCui - 博客园
- Javascript面向对象扩展库 - X!ao_f - 博客园
js对象扩展
- Search · js对象扩展
- huangguangjie/calendar-api: 一个万年历的API工具类,快速集成日历UI的构建方案。
- SunnyJS/Sunny-fx.js at master · sunnyzhouy/SunnyJS
- SunnyJS/Sunny-deferScript.js at master · sunnyzhouy/SunnyJS
- SunnyJS/Sunny.js at master · sunnyzhouy/SunnyJS
- extend/extend.js at master · kunhuapeng/extend
- devin87/Q.js: js工具库,包括 通用方法、原生对象扩展、队列、JSON、Cookie、Storage、Ajax、JSONP、事件处理、DOM处理等
- JavaScript基础心法——深浅拷贝 - 前端 - 掘金
- 判断一个变量是数组还是对象 - CSDN博客
- 纵观JS对象的“简”与“繁”(上) - 掘金
- 扒一扒 JavaScript 中不常见的一些 object - 前端 - 掘金
¥运算符
与、或、异或运算
- 与、或、异或运算 - CSDN博客
- 深入理解按位异或运算符 - 我所向往的美好 - 博客园
- 按位操作符 | MDN
- &(与运算)、|(或运算)、^(异或运算)的本质理解 - CSDN博客
- JavaScript骚操作之操作符 - 掘金
- JavaScript中奇葩的假值 - snandy - 博客园
- JS运算符&&和|| 及其优先级 - CSDN博客
默认参数、解构赋值与扩展运算符
- ES6 函数参数的默认值 - qq_32021031的博客 - CSDN博客
- es6 函数参数的默认值与解构赋值的默认值结合使用理解 - liuz - CSDN博客
- ES6-一个关于函数解构赋值默认值的有趣案例 - Mofier的博客 - CSDN博客
- ES6解构赋值中函数参数的默认值? - SegmentFault 思否
- 使用解构赋值与扩展运算符,让你的代码更优雅 - 掘金
- ES6/ES2015中的解构和扩展运算符 - 孙氏楼 - 博客园
- ES6 扩展运算符 三点(...) - 狂奔的小马扎 - 博客园
- ES6的扩展运算符和剩余操作符的对比和应用 - 简书
- 运算符优先级 - JavaScript | MDN
- true || false && false - 掘金
- []==''返回?为什么?运算符==进行了什么操作? - 掘金
- JavaScript阴沟里翻船之运算符优先级 - 掘金
- js浮点数运算的坑,多少同学有碰到过? - 木白先生 - 博客园
¥并发控制
- 15 行代码实现并发控制(javascript) · Issue #2 · Weiyu-Chen/blog
¥语法可视化
g2
- antvis/g2: The Grammar of Graphics in JavaScript
- G2 基础图表类库 - AntV
¥进制
文件与二进制
- 浏览器中的二进制以及相关转换 - 山月的个人博客
- js对文件和二进制操作的一些方法汇总 - 掘金
- JavaScript 读写二进制数据 - 掘金
- 浏览器端的二进制以及相关操作与转换 - 掘金
数值问题
- 从标准原理出发理解 JavaScript 数值精度 - 掘金
- javascript 进制转换(2进制、8进制、10进制、16进制之间的转换) - CSDN博客
- JS 二进制转10进制 带符号 - CSDN博客
- JS十进制,十六进制,八进制,二进制他们的转换总结 - CSDN博客
八进制转义字符转中文
- Javascript八进制转义字符转中文 - 简书
¥JS执行流程/事件循环
Event Loop
event-loop-delay
- mafintosh/event-loop-delay: A minimal overhead event loop delay sampler.
- Node.js 事件循环,定时器和 process.nextTick() | Node.js
- javascript - event loop - 掘金
- js事件循环机制(event loop) - 掘金
- Event Loop 原来是这么回事 - 掘金
- JS事件循环 - 掘金
- 【译】JavaScript的工作原理:事件循环及异步编程 - 前端 - 掘金
- 一次弄懂Event Loop(彻底解决此类面试问题) - 掘金
- 浏览器与Node的事件循环(Event Loop)有何区别? - 掘金
- 【译】Understanding NodeJS Event Loop - 掘金
- 彻底搞懂浏览器Event-loop - 掘金
- 由节流函数引发出我对event-loop的思考,顺便刷刷爆款题 - 掘金
- 浏览器eventLoop和node eventLoop - 掘金
- Eventloop不可怕,可怕的是遇上Promise - 掘金
- JavaScript执行机制-node事件循环 - 掘金
- 从面试题看 JS 事件循环与 macro micro 任务队列 - 掘金
- Event Loop的规范和实现 - 掘金
- 不要混淆nodejs和浏览器中的event loop - CNode技术社区
- JavaScript 运行机制详解:再谈Event Loop - 阮一峰的网络日志
执行流程
- 前端急速解决异步之微任务和宏任务 - 掘金
- 总结:JavaScript异步、事件循环与消息队列、微任务与宏任务 - 掘金
- 说说异步 - 掘金
- JavaScript定时器与执行机制解析 | AlloyTeam
- 从浏览器环境到JavaScript执行流程的一次简单梳理 - 掘金
- 如何理解 JS 的这个 setTimeout 问题? - 知乎
- 定时器(setTimeout/setInterval)最小延迟的问题 - 掘金
- 这一次,彻底弄懂 JavaScript 执行机制 - 掘金
- 深度解密setTimeout和setInterval——为setInterval正名! - 掘金
- 从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 - 掘金
- 10分钟理解JS引擎的执行机制 - 前端进阶 - SegmentFault 思否
- JavaScript 指南 | MDN
- 你的 JS 代码本可以更加优雅 - 掘金
$工具相关
¥合并工具
- code.taobao.org/svn/nginx_concat_module/trunk/README
¥ESLint
Eslint Core
- List of available rules - ESLint - Pluggable JavaScript linter
- ESLint - Pluggable JavaScript linter
- Configuring ESLint - ESLint - Pluggable JavaScript linter
- List of available rules - ESLint中文
- ESLint 规则详解(一)
- ESLint 规则详解(二) - 知乎
- ESLint 推荐的rules总结 - 掘金
- ESLint 工作原理探讨 - 前端 - 掘金
- 详解 ESLint 规则,规范你的代码 - 三省吾身丶丶的前端笔记 - SegmentFault 思否
- Eslint 规则说明 - CSDN博客
- 详解 ESLint 规则,规范你的代码_IT资讯_UDN技术社区
eslint-config-prettier
- prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.
eslint-config-standard
- standard/eslint-config-standard: ESLint Config for JavaScript Standard Style
- JavaScript Standard Style
eslint-plugin-compat
- amilajack/eslint-plugin-compat: Lint the browser compatibility of your code
eslint-plugin-html
- BenoitZugmeyer/eslint-plugin-html: An ESLint plugin to extract and lint scripts from HTML files.
eslint-plugin-prettier
- prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting
- 使用 ESLint + Prettier 简化代码 Review 过程 - 掘金
eslint-plugin-react-hooks
- eslint-plugin-react-hooks - npm
- [ESLint] Feedback for 'exhaustive-deps' lint rule · Issue #14920 · facebook/react
eslint-plugin-vue
- vuejs/eslint-plugin-vue: Official ESLint plugin for Vue.js
- Available rules | eslint-plugin-vue
- Introduction | eslint-plugin-vue
eslint-friendly-formatter
- royriojas/eslint-friendly-formatter: A simple formatter/reporter for ESLint that's friendly with Sublime Text and iterm2 "click to open file" functionality
- 搞懂 ESLint 和 Prettier - 知乎
- ESLint – 可扩展的 JavaScript & JSX 校验工具 - 梦想天空(山边小溪) - 博客园
- 使用 Eslint & standard 规范前端代码 - 掘金
- vue项目整合Eslint和stylelint规范代码 - 掘金
¥在线编辑器
- RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码
- CodePen - Front End Developer Playground & Code Editor in the Browser
- JS Bin 一款很好的web开发辅助工具 - 林福山053 - 简书
- Edit fiddle - JSFiddle
¥下一代JS语法编译器
Babel
Babel core
babylon
- babel/babylon: PSA: moved into babel/babel as @babel/parser -->
- babel/packages/babel-parser at master · babel/babel
babelify
- babel/babelify: Browserify transform for Babel
babel-handbook
- jamiebuilds/babel-handbook: A guided handbook on how to use Babel and how to create plugins for Babel.
- babel-handbook/plugin-handbook.md at master · jamiebuilds/babel-handbook
- babel/babel: Babel is a compiler for writing next generation JavaScript.
- Topic: babel
- @babel/cli · Babel
- babel/awesome-babel: 😎A list of awesome Babel plugins, presets, etc.
- Babel · The compiler for next generation JavaScript
- Upgrade to Babel 7 · Babel
- Babel · The compiler for writing next generation JavaScript
- Migrating from JavaScript · TypeScript
Babel Macros
- Kent C. Dodds (@kentcdodds) | Twitter
babel-plugin-macros
- kentcdodds/babel-plugin-macros: 🎣 Allows you to build simple compile-time libraries
- babel-plugin-macros - npm
idx.macro
- idx.macro - npm
- jgierer12/awesome-babel-macros: A collection of awesome babel macros and related resources
- Zero-config code transformation with babel-plugin-macros · Babel
- styled-jsx - npm
- styled-components: Tooling
- emotion
- mattphillips/babel-plugin-console: Babel Plugin that adds useful build time console functions 🎮
babel-plugin-transform-vue-jsx
- vuejs/babel-plugin-transform-vue-jsx: babel plugin for vue 2.0 jsx
提案
- tc39/proposal-class-public-fields: Stage 2 proposal for public class fields in ECMAScript
- tc39/proposal-class-fields: Orthogonally-informed combination of public and private fields proposals
- Public and private instance fields proposal
- tc39/proposal-optional-chaining
- tc39/proposals: Tracking ECMAScript Proposals
@babel/plugin-proposal-class-properties
- @babel/plugin-proposal-class-properties · Babel
- @babel/plugin-proposal-class-properties - npm
Presets
@babel/preset-env
- @babel/preset-env · Babel
- babel/babel-preset-env: PSA: this repo has been moved into babel/babel -->
- babel/packages/babel-preset-env at master · babel/babel
@babel/preset-typescript
- @babel/preset-typescript · Babel
babel-preset-react
- babel-preset-react - npm
babel-react-optimize
- jamiebuilds/babel-react-optimize: A Babel preset and plugins for optimizing React code.
babel-preset-vue-app
- vuejs/babel-preset-vue-app: Babel preset for Vue app.
Tooling
babel-watch
- kmagiera/babel-watch: Reload your babel-node app on JS source file changes. And do it fast.
babel-time-travel
- babel/babel-time-travel: Time travel through babel transformations one by one (implemented in the Babel REPL now)
- babel-time-travel
- Editors · Babel
Testing
babel-plugin-espower
- power-assert-js/babel-plugin-espower: Babel plugin for power-assert
babel-plugin-istanbul
- istanbuljs/babel-plugin-istanbul: A babel plugin that adds istanbul instrumentation to ES6 code
babel-plugin-rewire
- speedskater/babel-plugin-rewire: A babel plugin adding the ability to rewire module dependencies. This enables to mock modules for testing purposes.
Types
flow-runtime
- flow-runtime/packages/babel-plugin-flow-runtime at master · codemix/flow-runtime
babel-plugin-tcomb
- gcanti/babel-plugin-tcomb: Babel plugin for static and runtime type checking using Flow and tcomb
babel-plugin-jsdoc-to-assert
- azu/babel-plugin-jsdoc-to-assert: Runtime type checking for JSDoc
- azu/jsdoc-to-assert: JSDoc to assert
babel-plugin-runtyper
- vitalets/babel-plugin-runtyper: ⚡️ Runtime type-checker for JavaScript
Internationalization
- Introduction · ttag javascript es6 localization tool
- amerani/babel-plugin-localize: codemod to localize static strings
React
babel-plugin-react-transform
- gaearon/babel-plugin-react-transform: Babel plugin to instrument React components with custom transforms
babel-plugin-react-require
- vslinko/babel-plugin-react-require: [TODO] Babel plugin that adds React import declaration if file contains JSX tags
babel-plugin-transform-react-remove-prop-types
- oliviertassinari/babel-plugin-transform-react-remove-prop-types: Remove unnecessary React propTypes from the production build.
babel-plugin-transform-react-jsx-self
- babel/packages/babel-plugin-transform-react-jsx-self at master · babel/babel
babel-plugin-transform-react-constant-elements
- babel-plugin-transform-react-constant-elements - npm
babel-plugin-transform-react-inline-elements
- babel-plugin-transform-react-inline-elements - npm
babel-plugin-react-hyperscript
- roman01la/babel-plugin-react-hyperscript: HyperScript syntax for React components without runtime overhead
babel-plugin-react-import-extends
- vijaysutrave/babel-plugin-react-import-extends: Babel plugin to get rid of extends Component & import React
babel-plugin-transform-react-class-to-function
- remcohaszing/babel-plugin-transform-react-class-to-function: A Babel 7 plugin which transforms React component classes into functions
babel-plugin-hoist-facc
- strayiker/babel-plugin-hoist-facc: Babel plugin to hoist Function as Child Component
babel-plugin-react-hiccup
- callwait/babel-plugin-react-hiccup: Hiccup syntax for React components with Babel
babel-plugin-framer-x
- eschaefer/babel-plugin-framer-x: A Babel plugin to remove Framer X code from your React components.
Module Resolution
babel-plugin-lodash
- lodash/babel-plugin-lodash: Modular Lodash builds without the hassle.
babel-plugin-ramda
- megawac/babel-plugin-ramda: Easy modular builds
babel-plugin-module-resolver
- tleunen/babel-plugin-module-resolver: Custom module resolver plugin for Babel
babel-plugin-root-import
- entwicklerstube/babel-plugin-root-import: Add the opportunity to import modules by the root path
- babel-plugin-root-import - npm
babel-plugin-webpack-alias
- trayio/babel-plugin-webpack-alias: babel 6 plugin which allows to use webpack resolve options
babel-plugin-hash-resolve
- miketamis/babel-plugin-hash-resolve: Lets you use #Paths instead of '../../../lib/helper.js' it becomes just '#/lib/helper.js'
babel-plugin-separate-import
- @nutui/babel-plugin-separate-import - npm
General Plugins
- Plugins · Babel
- Topic: babel-plugin
- keywords:babel-plugin - npm search
- 教你如何编写Babel插件 - 掘金
- 从零开始编写一个babel插件 - 掘金
- babel 插件开发案例 - 掘金
babel-polyfill
- babel-plugin-transform-runtime 和 babel-runtime 的区别? - 穗乃果的回答 - SegmentFault 思否
- babel-polyfill与babel-plugin-transform-runtime - 皖林的博客 - CSDN博客
- babel-preset-es2015,babel-polyfill 与 babel-plugin-transform-runtime - mr_lao - 博客园
- babel-runtime 和 babel-polyfill - 小_牛仔 - 博客园
- babel-runtime和babel-polyfill的作用介绍和使用 - 简书
- javascript - 使用 babel-polyfill 为什么要使用 babel-plugin-transform-runtime - SegmentFault 思否
- webpack+babel+transform-runtime, IE下提示Promise未定义?Script - 阿里云
- 对babel-transform-runtime,babel-polyfill的一些理解 - 简书
- babel-plugin-transform-runtime - npm
fast-async
- MatAtBread/fast-async
idx
- facebookincubator/idx: Library for accessing arbitrarily nested, possibly nullable properties on a JavaScript object.
babel-jest
- babel/babel-jest: Jest plugin for Babel
babel-plugin-add-module-exports
- 59naga/babel-plugin-add-module-exports: 【v0.2 no longer maintained】 Fix babel/babel#2212 - Follow the babel@5 behavior for babel@6
- babel-plugin-add-module-exports - npm
babel-plugin-component
- ElementUI/babel-plugin-component: Modular element-ui build plugin for babel.
- babel-plugin-component - npm
- vue+element-ui使用babel-plugin-component按需加载组件及自定义主题对应的scss样式-云栖社区-阿里云
- 不使用 babel-plugin-component 实现按需引用element-ui - 掘金
- 怎么动态使用babel-plugin-component这个插件 · Issue #36 · ElementUI/babel-plugin-component
- 组件 | Element
- vue+element-ui使用babel-plugin-component按需加载组件及自定义主题对应的scss样式 - 掘金
babel-plugin-console
- mattphillips/babel-plugin-console: Babel Plugin that adds useful build time console functions 🎮
babel-plugin-console-source
- peteringram0/babel-plugin-console-source: Add the file name and line numbers to all console logs.
babel-plugin-css-in-js
- martinandert/babel-plugin-css-in-js: A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to, e.g. the `className` prop of React elements. While transforming, the plugin processes all
babel-plugin-external-helpers
- babel-plugin-external-helpers - npm
babel-plugin-feature-flags
- ember-cli/babel-plugin-feature-flags: A babel transform for managing feature flags
babel-plugin-groundskeeper-willie
- betaorbust/babel-plugin-groundskeeper-willie: The spiritual successor to groundskeeper. Removes console calls, debuggers, and and pragma-wrapped code.
babel-plugin-import
- ant-design/babel-plugin-import: Modularly import plugin for babel.
babel-plugin-mobx-deep-action
- mobxjs/babel-plugin-mobx-deep-action: Reduces `action` and `runInAction` boilerplates
@babel/plugin-proposal-optional-chaining
- @babel/plugin-proposal-optional-chaining · Babel
@babel/plugin-proposal-decorators
- @babel/plugin-proposal-decorators · Babel
- tc39/proposal-decorators: Decorators for ES6 classes
- wycats/javascript-decorators
babel-plugin-react-error-catcher
- loggur-legacy/babel-plugin-react-error-catcher: Automatically adds a decorator to React components. Accepts a single argument, a path to some module for error reporting, and if there's an error, it will catch it and pass it to the reporter.
babel-plugin-react-persist
- DAB0mB/babel-plugin-react-persist: Automatically useCallback() & useMemo(); memoize inline functions
babel-plugin-react-docgen
- storybooks/babel-plugin-react-docgen: Babel plugin to add react-docgen info into your code.
babel-plugin-react-html-attrs
- insin/babel-plugin-react-html-attrs: Babel plugin which transforms selected HTML attributes in JSX to their React equivalents
babel-plugin-styled-components
- styled-components/babel-plugin-styled-components: Improve the debugging experience and add server-side rendering support to styled-components
babel-plugin-transform-decorators
- babel-plugin-transform-decorators · Babel
- babel-plugin-transform-decorators - npm
- babel-plugin-transform-decorators · Babel 中文网
babel-plugin-transform-decorators-legacy
- loganfsmyth/babel-plugin-transform-decorators-legacy: A plugin for Babel 6 that (mostly) replicates the old decorator behavior from Babel 5
- babel-plugin-transform-decorators-legacy - npm
babel-plugin-transform-builtin-extend
- loganfsmyth/babel-plugin-transform-builtin-extend: A plugin for Babel 6 supports extending from builtin types based on static analysis.
babel-plugin-transform-remove-imports
- uiw-react/babel-plugin-transform-remove-imports: Remove the specified import declaration when you use the babel transform to build the package.
babel-plugin-transform-jsbi-to-bigint
- GoogleChromeLabs/babel-plugin-transform-jsbi-to-bigint: Compile JSBI code that works in today’s environments to native BigInt code.
babel-plugin-transform-remove-console
- Riokai/babel-plugin-transform-remove-console: Add extra options
@babel/plugin-transform-react-jsx
- @babel/plugin-transform-react-jsx · Babel
babel-plugin-transform-react-createelement-to-jsx
- flying-sheep/babel-plugin-transform-react-createelement-to-jsx: Transforms React.createElement calls to JSX syntax
babel-plugin-transform-react-jsx-img-import
- gvelo/babel-plugin-transform-react-jsx-img-import: Generate imports for jsx img elements. A handy transform for use in webpack workflows.
babel-plugin-transform-react-jsx-location
- adrianton3/babel-plugin-transform-react-jsx-location: Adds a data-source attribute to JSX tags containing the file name and line number of the original source
babel-plugin-transform-es2015-modules-commonjs
- Package - babel-plugin-transform-es2015-modules-commonjs
babel-plugin-transform-es2015-modules-umd
- babel-plugin-transform-es2015-modules-umd · Babel
- babel-plugin-transform-es2015-modules-umd - npm
babel-plugin-transform-es2015-modules-amd
- babel-plugin-transform-es2015-modules-amd · Babel
- Package - babel-plugin-transform-es2015-modules-amd
- finom/babel-plugin-transform-es2015-modules-simple-amd: Limited transformer for ECMAScript 2015 modules (AMD)
babel-plugin-version
- hustcc/babel-plugin-version: babel plugin replace define identifier `__VERSION__` to pkg.version!
babel-plugin-transform-class-properties
- babel-plugin-transform-class-properties - npm
- babel-plugin-transform-class-properties · Babel 中文网
Babel 教程
- 不容错过的 Babel7 知识 - 掘金
- babel能不能分析代码然后按需polyfill ? - 掘金
- [实践系列]Babel原理 - 掘金
- 史上最清晰易懂的babel配置解析 - 掘金
- 深入浅出 Babel 上篇:架构和原理 + 实战 - 掘金
- 深入浅出 Babel 下篇:既生 Plugin 何生 Macros - 掘金
traceur-compiler
- google/traceur-compiler: Traceur is a JavaScript.next-to-JavaScript-of-today compiler
- use traceur in ES6 - 菠萝君 - 博客园
- google.github.io/traceur-compiler/bin/traceur.js
sucrase
- Sucrase
- alangpierce/sucrase: Super-fast alternative to Babel for when you can target modern JS runtimes
- 6to5 – 让你即刻体验 ECMAScript 6 编程 - 梦想天空(山边小溪) - 博客园
¥模块加载器 & 打包工具 & 脚手架
browserify
- Browserify
- substack/node-browserify: browser-side require() the node.js way
- dolymood/bifypack: 基于gulp和browserify的项目构建工具
- browserify - 教程中心 - 阿里云
- browserify/browserify: browser-side require() the node.js way
- 使用Browserify来实现CommonJS的浏览器加载 - 小火柴的蓝色理想 - 博客园
- browserify学习总结 - 海角在眼前 - 博客园
- browserify使用手册 - 诗&远方 - 博客园
- Browserify + watchify - 简书
- 前端模块及依赖管理的新选择:Browserify - 庭院茶 - SegmentFault 思否
- browserify/watchify: watch mode for browserify builds
Bundle
- 一起来燃烧 Bundle 的“卡路里” - 掘金
import-js
- Galooshi/import-js: A tool to simplify importing JS modules
- dabbott/vscode-import-js: VSCode extension for ImportJS
parcel
parcel core
- parcel-bundler/parcel: 📦🚀 Blazing fast, zero configuration web application bundler
- Parcel
- parcel-bundler/awesome-parcel: 🔗 A curated list of awesome Parcel resources, libraries, tools and boilerplates
- parcel-bundler/examples: 🛠 Parcel examples using various frameworks
- parcel-bundler/website: 🌎 Parcel website
- Parcel
- 🚀 入门 - Parcel 中文文档
- 📦 Parcel - 中文文档
- Parcel 中文网
parcel demo
- ant-design/parcel-antd: Use antd with parcel
- 零配置打包工具 Parcel 实践 - 山水子农 - CSDN博客
- Parcel Vs Webpack - 吴浩麟的技术博客 - SegmentFault 思否
- 继webpack后又一打包神器Parcel - PC.aaron - 博客园
- Parcel学习 - 阿里云
- 关于 Parcel 你所需知道的一切:超快的Web应用打包器-WEB前端开发
- myTNT2 - Manage your shipments with ease | TNT Singapore
- Switching to Parcel from Webpack
- Everything You Need To Know About Parcel: The Blazing Fast Web App Bundler 🚀
requirejs
- RequireJS
- RequireJS 入门指南 - 技术翻译 - 开源中国社区
rollup.js
- rollup.js 中文文档 | rollup.js 中文网
- rollup/rollup: Next-generation ES module bundler
- 10分钟快速入门rollup.js - 掘金
- Rollup.js 中文文档 | Rollup.js 中文网
webpack
webpack core
awesome
- webpack-contrib/awesome-webpack: A curated list of awesome Webpack resources, libraries and tools
- kraaas/webpack-tutorial-collection: webpack 教程资源收集
- webpack-contrib/awesome-webpack: A curated list of awesome Webpack resources, libraries and tools
- Separating a Manifest
- webpack/webpack.js.org: Repository for webpack documentation and more!
- docschina/webpack.js.org: [印记中文](https://docschina.org/) - webpack 中文文档
require.context
- dependency management
- 管理依赖
- 管理依赖 · webpack 中文文档(2.2)
- 组件注册 — Vue.js
- require.context - 掘金
- vuex前端工程化之动态导入文件--require.context( ) - 雨中愚 - 博客园
- vue之require.context - Cassie's blog - CSDN博客
tapable
- webpack/tapable: Just a little module for plugins.
- Webpack 核心模块 tapable 解析(转) - 简书
- webpack/webpack: A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders," modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffee
- WICG/webpackage: Web packaging format
- webpack
- module methods
- normal module replacement plugin
- webpack 中文文档 | webpack 中文网
- webpack 中文文档(@印记中文) https://docschina.org/
- 概念
- shim 预置依赖
- webpack module bundler
- Introduction · Webpack 中文指南
- 深入浅出 Webpack · 深入浅出 Webpack
- 基本配置项 · webpack指南
- 配置文件 | Webpack 中文指南
- 从 0 到 1 实现一款简易版 Webpack - 掘金
webpack project
neutrino
- neutrinojs/neutrino: Create and build modern JavaScript projects with zero initial configuration.
- Introduction · Neutrino
compare-webpack-target-bundles
- TheLarkInn/compare-webpack-target-bundles: Example of all the webpack targets!!! Webpack Playground!
- 搭建webpack简易脚手架 - 掘金
- 基于webpack4.x项目实战 - 掘金
- 基于webpack4.x项目实战2 - 配置一次,多个项目运行 - 掘金
webpack config
一个合格的Webpack4配置工程师素养
- 一个合格的Webpack4配置工程师素养:第一部分 - 掘金
- 一个合格的Webpack4配置工程师素养:第二部分 - 掘金
- 一个合格的Webpack4配置工程师素养:第三部分 - 掘金
多页面
- webpack 打包多页面 - 掘金
- BYChoo/webpack-multi-page: webpack多页面打包项目
Webpack config tool
webpack-autoconf
- jakoblind/webpack-autoconf: A tool to create webpack configs
- Webpack config tool
- 一份比较详细的 webpack 4.x 手工配置基础开发环境 附源码 - 个人文章 - SegmentFault 思否
- Webpack 4 配置最佳实践 - 掘金
- webpack4实用配置指南-上手篇 - fengmin_w的博客 - CSDN博客
- webpack4配置详解之慢嚼细咽 - 掘金
- Webpack下多环境配置的思路 - 掘金
- webpack/examples at master · webpack/webpack
- 用于前端开发的webpack4配置[带注释] - 掘金
- 从零开始搭建一个 Webpack 开发环境配置(附 Demo) - 掘金
- 使用 Webpack 进行生产环境配置(附 Demo) - 掘金
- 【手把手带你配 webpack】第一步, 做一个高级前端工程师 - 掘金
- 【手把手带你配 webpack】第二步, 面试官-谈谈你对模块化的理解 - 掘金
- webpack常用优化配置 - 掘金
- 面试官:请手写一个webpack4.0配置 - 个人文章 - SegmentFault 思否
- webpack4.0 CheatSheet - 掘金
- nanaSun/webCase
- 从零开始配置webpack(基于webpack 4 和 baebel 7版本) - 掘金
- webpack手动配置笔记 - 掘金
- 在2019使用差异化服务 - 掘金
publicPath
- 【前端大概一分钟】__webpack_public_path__动态配置路径 - 掘金
- javascript - 所以 Webpack 动态设置 __webpack_public_path__ 到底怎么用? - SegmentFault 思否
- Public Path(公共路径) · webpack 中文文档(2.2)
- webpack 配置 publicPath的理解 - SamWeb - 博客园
- Webpack 动态设置 __webpack_public_path__ 到底怎么用 - V2EX
- webpack output.publicPath 如何动态配置地址 - 骑驴的舒克的回答 - SegmentFault 思否
- webpack output.publicPath 如何动态配置地址 - meepo的回答 - SegmentFault 思否
- configuring webpack public path at runtime · Issue #443 · webpack/webpack
- `__webpack_public_path__` does not work if entrypoint uses ES6-style imports · Issue #2776 · webpack/webpack
webpack tools
anymatch
- micromatch/anymatch: Matches strings against configurable strings, globs, regular expressions, and/or functions
enhanced-resolve
- webpack/enhanced-resolve: Offers an async require.resolve function. It's highly configurable.
webpack-merge
- survivejs/webpack-merge: Merge designed for Webpack (MIT)
- webpack-merge - npm
webpack-chain
- neutrinojs/webpack-chain: A chaining API to generate and simplify the modification of Webpack configurations.
- neutrinojs/webpack-chain at v4
Configuration Types
- Configuration Types | webpack
Entry and Context
- Entry and Context | webpack
Mode
- Mode | webpack
Output
- Output | webpack
Module
- Module | webpack
webpack loaders
awesome-typescript-loader
- s-panferov/awesome-typescript-loader: Awesome TypeScript loader for webpack
babel-loader
- Loader学习,简析babel-loader - 掘金
- babel/babel-loader: 📦 Webpack plugin for Babel
css-raw-loader
- catdad/css-raw-loader: CSS Raw loader module for Webpack
css-loader
- webpack-contrib/css-loader: CSS Loader
cache-loader
- webpack-contrib/cache-loader: Caches the result of following loaders on disk
es3ify-loader
- sorrycc/es3ify-loader: ES3ify loader for webpack.
eslint-loader
- webpack-contrib/eslint-loader: eslint loader (for webpack)
grow-loader
- line/grow-loader: A webpack loader to split class methods by decorators
inject-loader
- plasticine/inject-loader: 💉📦 A Webpack loader for injecting code into modules via their dependencies.
imports-loader
- webpack-contrib/imports-loader: Imports Loader
less-loader
- webpack-contrib/less-loader: Compiles Less to CSS
prerender-loader
- GoogleChromeLabs/prerender-loader: 📰 Painless universal pre-rendering for Webpack.
- prerender-loader - npm
raw-loader
- webpack-contrib/raw-loader: A loader for webpack that allows importing files as a String
sass-loader
- sass-loader - npm
ts-loader
- TypeStrong/ts-loader: TypeScript loader for webpack
- I CAN MAKE THIS WORK...: ts-loader Project References: First Blood
thread-loader
- thread loader
url-loader
- webpack-contrib/url-loader: A loader for webpack which transforms files into base64 URIs
webpack-component-loader
- nicholaslee119/webpack-component-loader: 📦 A webpack loader to componentify CSS/JS/HTML without framework
- Loaders
- loaders | webpack 中文网
- html-loader | webpack 中文网
- 编写自己的Webpack Loader - 相学长怼前端 - SegmentFault 思否
- webpack源码之loader机制 - on the way - SegmentFault 思否
- webpack loader 执行顺序 - 简书
Resolve
- Resolve | webpack
resolve.alias
- webpack 使用别名(resolve.alias)解决scss @import相对路径导致的问题 - weixin_33805992的博客 - CSDN博客
Optimization
- Optimization | webpack
Plugins
- Plugins | webpack
webpack plugins
assets-webpack-plugin
- assets-webpack-plugin - npm
- ztoben/assets-webpack-plugin: Webpack plugin that emits a json file with assets paths
autodll-webpack-plugin
- asfktz/autodll-webpack-plugin: Webpack's DllPlugin without the boilerplate
antd-dayjs-webpack-plugin
- ant-design/antd-dayjs-webpack-plugin: ⏰ Day.js webpack plugin for antd
chunk-manifest-webpack-plugin
- chunk-manifest-webpack-plugin - npm
- soundcloud/chunk-manifest-webpack-plugin: Allows exporting a manifest that maps entry chunk names to their output files, instead of keeping the mapping inside the webpack bootstrap.
clean-webpack-plugin
- clean-webpack-plugin - npm
- johnagan/clean-webpack-plugin: A webpack plugin to remove your build folder(s) before building
copy-webpack-plugin
- webpack-contrib/copy-webpack-plugin: Copy files and directories with webpack
critters
- GoogleChromeLabs/critters: 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
common-chunk-plugin
- liangklfangl/commonsChunkPlugin_Config: Webpack的common-chunk-plugin源码分析,来自于[我的github文章全集](https://github.com/liangklfangl/react-article-bucket)
ExtractTextWebpackPlugin
- ExtractTextWebpackPlugin | webpack 中文网
execa-webpack-plugin
- execa-webpack-plugin - npm
- sindresorhus/execa: A better `child_process`
- execa - npm
- npm-prefix - npm
- libnpx - npm
- npm-bin-ava-tester - npm
- @zkochan/libnpx - npm
- is-installed-globally - npm
- which-exclude-npm - npm
- npm-run-path-compat - npm
- npm-sh - npm
filemanager-webpack-plugin
- gregnb/filemanager-webpack-plugin: Copy, move, archive (zip/tar/tar.gz), delete files and directories before and after Webpack builds. Win32/Mac/*Nix supported
- webpack将资源打成zip包 - XinZhongYi的博客 - CSDN博客
fork-ts-checker-webpack-plugin
- Realytics/fork-ts-checker-webpack-plugin: Webpack plugin that runs typescript type checker on a separate process.
html-webpack-inline-chunk-plugin
- html-webpack-inline-chunk-plugin - npm
- rohitlodha/html-webpack-inline-chunk-plugin: A webpack plugin that inlines chunk in html-webpack-plugin.
hard-source-webpack-plugin
- mzgoddard/hard-source-webpack-plugin
- hard-source-webpack-plugin - npm
happypack
- amireh/happypack: Happiness in the form of faster webpack build times.
- 使用 happypack 提升 Webpack 项目构建速度 - 掘金
html-webpack-plugin
- jantimon/html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles
- html-webpack-plugin - npm
- jaketrent/html-webpack-template: a better default template for html-webpack-plugin
- jantimon/html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles
- 如何让webpack HtmlWebpackPlugin插件生成html插入js 的时候 按chunks 顺序插入? - quietwait的回答 - SegmentFault 思否
inline-manifest-webpack-plugin
- inline-manifest-webpack-plugin - npm
- szrenwei/inline-manifest-webpack-plugin: inline your webpack manifest (runtime code) with a script tag to save http request
lodash-webpack-plugin
- webpack最小化lodash - 前端周分享 - SegmentFault 思否
- Package - lodash-webpack-plugin
- Webpack按需打包Lodash的几种方式 - sxjing11的博客 - CSDN博客
- lodash-webpack-plugin - npm
- Webpack实现按需打包Lodash的几种方法详解_javascript技巧_脚本之家
- webpack lodash按需加载设置之后还是那么大 - SegmentFault 思否
- babel-plugin-lodash - npm
- Webpack按需打包Lodash的几种方式 | Yusen's Blog | 学习弯道超车的技巧!
- lodash/lodash-webpack-plugin: Smaller modular Lodash builds.
mini-css-extract-plugin
- webpack-contrib/mini-css-extract-plugin: Lightweight CSS extraction plugin
- 学习webpack4.X(二,处理CSS) - weixin_41351184的博客 - CSDN博客
- Webpack 之 less-loader 详解 - 个人文章 - SegmentFault 思否
offline-plugin
- NekR/offline-plugin: Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
- 使用 offline-plugin 搭配 webpack 轻松实现 PWA - 掘金
page-skeleton-webpack-plugin
- 基于page-skeleton-webpack-plugin分析自动生成骨架屏原理 - 掘金
- wookaoer/page-skeleton-core: 基于url生成骨架屏结构核心代码
prepack-webpack-plugin
- gajus/prepack-webpack-plugin: A webpack plugin for prepack.
sw-precache-webpack-plugin
- goldhand/sw-precache-webpack-plugin: Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets. You can optionally pass sw-precache configuration options to webpack through this plugin.
size-plugin
- GoogleChromeLabs/size-plugin: Track compressed Webpack asset sizes over time.
- size-plugin - npm
terser-webpack-plugin
- webpack-contrib/terser-webpack-plugin: Terser Plugin
- terser-js/terser: JavaScript parser, mangler, optimizer and beautifier toolkit for ES6+
- ohanhi/hyperscript-helpers: Terse syntax for hyperscript.
- TerserWebpackPlugin | webpack
TemplatedPathPlugin
- webpack/TemplatedPathPlugin.js at master · webpack/webpack
webpack-assets-manifest
- webpack-assets-manifest - npm
- webdeveric/webpack-assets-manifest: This Webpack plugin will generate a JSON file that matches the original filename with the hashed version.
webpack-asset-pipeline
- webpack-rails-manifest-plugin - npm
- infinum/webpack-asset-pipeline: 🚀 A missing link for the asset pipeline alternative with Webpack.
- webpack-asset-pipeline - npm
- Squeezing Webpack into backend frameworks | Infinum
webpack-manifest-plugin
- danethurber/webpack-manifest-plugin: webpack plugin for generating asset manifests
- webpack-manifest-plugin - npm
webpackmonitor
- webpackmonitor/webpackmonitor: A tool for monitoring webpack optimization metrics through the development process
- Webpack Monitor
webpack-polyfills-plugin
- beda-software/webpack-polyfills-plugin: Fork from Sl1v3r/webpack-polyfills-plugin
webpack-polyfill-injector
- SebastianS90/webpack-polyfill-injector: Webpack plugin to automatically inject polyfills into your bundle without affecting modern browsers.
webpack-dev-server
- 解决webpack-dev-server代理常切换问题 - 掘金
- 开发中 server(devServer)
- DevServer
webpack-retry-load-plugin
- hxfdarling/webpack-retry-load-plugin: atuo load retry resource from other domain
worker-plugin
- GoogleChromeLabs/worker-plugin: 🐳 Adds native Web Worker bundling support to Webpack.
- worker-plugin - npm
webpack-plugin-vueComponentsIndex
- zfang1995/webpack-plugin-vueComponentsIndex: auto complete paths of vue components
webpack-zip-plugin
- yyhappynice/webpack-zip-plugin: Zip your dist after webpack builds
zip-webpack-plugin
- erikdesjardins/zip-webpack-plugin: Webpack plugin to zip up emitted files.
- zip-webpack-plugin - npm
- Plugins | webpack 中文网
- webpack plugin执行顺序问题 - SegmentFault 思否
- Webpack: Does the order of plugins matter? - Stack Overflow
- [转] webpack之plugin内部运行机制 - {前端开发} - 博客园
- lentoo blog
mini-css-extract-plugin
- mini-css-extract-plugin - npm
- extract-text-webpack-plugin - npm
- CSS 提取 | Vue Loader
add-asset-html-webpack-plugin
- SimenB/add-asset-html-webpack-plugin: Add a JavaScript or CSS asset to the HTML generated by html-webpack-plugin
DevServer
- DevServer | webpack
Devtool
- Devtool | webpack
Target
- Target | webpack
Watch and WatchOptions
- Watch and WatchOptions | webpack
Externals
- Externals | webpack
Performance
- Performance | webpack
Node
- Node | webpack
Stats
- Stats | webpack
Experiments
- Experiments | webpack
Other Options
- Other Options | webpack
FAQ
代码动态加载 & 异步加载
- 借助 Webpack 静态分析能力实现代码动态加载 - Chenng 的主页
- 脑阔疼的webpack按需加载 - 掘金
- 基于webpack实现react组件的按需加载 - 冯淼森的博客
- Webpack 打包含动态加载的类库 | Scarletsky
- webpack4 import函数异步加载组件 - 掘金
- Webpack 打包含动态加载的类库 - 前端 - 掘金
- 由浅至深了解webpack异步加载背后的原理 - 掘金
- webpack2异步加载套路 - JSer - SegmentFault 思否
- webpack分包及异步加载套路 - JSer - SegmentFault 思否
webpack教程
webpack4系列教程
webpack4系列教程
- webpack4系列教程(一):初识webpack - 前端开发 - SegmentFault 思否
- webpack4系列教程(二):创建项目,打包第一个JS文件 - 前端开发 - SegmentFault 思否
- webpack4系列教程(三):自动生成项目中的HTML文件 - 前端开发 - SegmentFault 思否
- webpack4系列教程(四):处理项目中的资源文件(一) - 前端开发 - SegmentFault 思否
- webpack4系列教程(五):处理项目中的资源文件(二) - 前端开发 - SegmentFault 思否
- webpack4系列教程(六):使用SplitChunksPlugin分割代码 - 前端开发 - SegmentFault 思否
- webpack4系列教程(七):使用 babel-loader - 前端开发 - SegmentFault 思否
- webpack4系列教程(八):使用Eslint审查代码 - 前端开发 - SegmentFault 思否
- webpack4系列教程(九):开发环境和生产环境 - 前端开发 - SegmentFault 思否
- webpack4系列教程(十):总结 - 前端开发 - SegmentFault 思否
- webpack4系列教程: 前言 | 董沅鑫的个人网站
- webpack4系列教程(一): 打包JS | 董沅鑫的个人网站
- webpack4系列教程(二): 编译ES6 | 董沅鑫的个人网站
- webpack4 系列教程(三): 多页面解决方案--提取公共代码 | 董沅鑫的个人网站
- webpack4 系列教程(四): 单页面解决方案--代码分割和懒加载 | 董沅鑫的个人网站
- webpack4 系列教程(五): 处理CSS | 董沅鑫的个人网站
- webpack4 系列教程(六): 处理SCSS | 董沅鑫的个人网站
- webpack4 系列教程(七): SCSS提取和懒加载 | 董沅鑫的个人网站
- webpack4 系列教程(八): JS Tree Shaking | 董沅鑫的个人网站
- webpack4 系列教程(九): CSS Tree Shaking | 董沅鑫的个人网站
- webpack4 系列教程(十): 图片处理汇总 | 董沅鑫的个人网站
- webpack4 系列教程(十一):字体文件处理 | 董沅鑫的个人网站
- webpack4 系列教程(十二):处理第三方JavaScript库 | 董沅鑫的个人网站
- webpack4 系列教程(十三):自动生成HTML文件 | 董沅鑫的个人网站
- webpack4 系列教程(十四):Clean Plugin and Watch Mode | 董沅鑫的个人网站
- webpack4 系列教程(十五):开发模式与webpack-dev-server | 董沅鑫的个人网站
- webpack4 系列教程(十六):开发模式和生产模式·实战 | 董沅鑫的个人网站
24 个实例入门并掌握「Webpack4」
- 24 个实例入门并掌握「Webpack4」(一) - 掘金
- 24 个实例入门并掌握「Webpack4」(二) - 掘金
- 24 个实例入门并掌握「Webpack4」(三) - 掘金
- 2019最新Webpack4.0教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- 10天搞定webpack4.0_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- webpack详解(一)_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
webpack前端构建工具学习总结
- webpack前端构建工具学习总结(一)之webpack安装、创建项目 - 一米阳光eyh - 博客园
- webpack前端构建工具学习总结(二)之loader的使用 - 一米阳光eyh - 博客园
- webpack前端构建工具学习总结(三)之webpack.config.js配置文件 - 一米阳光eyh - 博客园
- webpack前端构建工具学习总结(四)之自动化生成项目中的html页面 - 一米阳光eyh - 博客园
webpack系列
- webpack系列之四loader详解2 - 掘金
- webpack系列之四loader详解3 - 掘金
- webpack系列之三resolve - 掘金
- webpack系列之四loader详解1 - 掘金
- Webpack系列-第一篇基础杂记 - 掘金
- webpack-插件机制杂记 - 掘金
- Webpack系列-第三篇流程杂记 - 掘金
- webpack学习(一) -- 基础概念及安装执行 - 掘金
- webpack学习(二) -- 配置文件及五大核心概念 - 掘金
- webpack学习(三) -- js tree shaking - 掘金
- webpack学习(四) -- css tree shaking - 掘金
webpack-core-usage
- liangklfangl/webpack-core-usage: webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
- 📚免费的渐进式教程:Webpack4的16篇讲解和16份代码 - 掘金
- 入坑 webpack4.0+ 文件打包_by_一把健 - qq_39446719的博客 - CSDN博客
- webpack4.0打包总结 - 大灰狼的小绵羊哥哥的博客 - CSDN博客
- webpack4.x 入门一篇足矣 - 掘金
- webpack打包(版本:4.5.0) - youyou_LIN的博客 - CSDN博客
- 【译】十五分钟,学习 Webpack - 掘金
- [译] Webpack 前端构建集成方案 - web前端学习 - SegmentFault 思否
- 新手快速上手webpack4打包工具的使用 - 掘金
- webpack运行Babel教程 - 掘金
- javascript - webPack打包多个项目如何让生成的静态资源到每个项目的当前的目录而不是公共静态资源目录?, - SegmentFault 思否
- Webpack 将代码打包成什么样子? - 前端 - 掘金
- Webpack笔记 - 简书
- webpack2.0 基本使用 - SamWeb - 博客园
- Webpack——解决疑惑,让你明白 - 简书
- webpack中output之path和publicPath详解 - 祥哥的说 - CSDN博客
- webpack系列之一总览 - 掘金
- webpack系列之二Tapable - 掘金
- webpack 的文章 - SegmentFault 思否
- Webpack4.x 入门上手实战(2018.08) - 简书
- Webpack 2 入门教程 | llp的程序猿之路
- webpack 教科书式入门教程 - 夹生饭 - SegmentFault 思否
- M.M.F 小屋
- webpack4.29.6搭建常用功能的环境 - 掘金
- 【手把手带你配 webpack】第一步, 做一个高级前端工程师 - 掘金
- GitChat · 前端 | webpack 从入门到工程实践 - 个人文章 - SegmentFault 思否
- 2020年了,再不会webpack敲得代码就不香了(近万字实战) - 掘金
性能
webpack.DllPlugin与webpack.DllReferencePlugin
- chenchunyong/webpack-dllPlugin: webpack dllPlugin demo
- Webpack DllPlugin 让构建速度柔顺丝滑 - 掘金
- webpackのDLLバンドルを使ってビルドを速くする - Qiita
- webpack-contrib/webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
- robertknight/webpack-bundle-size-analyzer: A tool for finding out what contributes to the size of Webpack bundles
- webpack性能榨汁机 - 掘金
- webpack打包性能优化之路 - 掘金
- Webpack 打包优化之体积篇 | 晚晴幽草轩
- Webpack 打包优化之速度篇 | 晚晴幽草轩
- 记一次 Webpack 项目优化 - 掘金
- 浅谈webpack4.0 性能优化 - 掘金
- webpack性能优化(上) - 掘金
- webpack性能优化(下) - 掘金
- 如何利用webpack来提升前端开发效率(一)? - 掘金
- 如何利用webpack来提升前端开发效率(二)? - 掘金
- 重构之路:webpack打包体积优化(超详细) - 掘金
- 曲线救国:webpack打包优化黑科技 - 掘金
- Predictable long term caching with Webpack – webpack – Medium
- (5条消息)如何十倍提高你的webpack构建效率 - 思诚^_^ - CSDN博客
- webpack.github.io
- www.slideshare.net
demo
Webpack+jQuery
- yifoo/webpack-demo: Webpack +jQuery 单页面Demo
- 从i18n国际化来学习如何创建Webpack插件 - 前端 - 掘金
- atool-build/getWebpackCommonConfig.js at master · ant-tool/atool-build
- webpack.config.js 配置举例 | Ant-Tool 简介
- dongyuanxin/webpack-demos: 📦 Demos && Courses for Webpack 4
- 使用模块化工具打包自己开发的JS库(webpack/rollup)对比总结 - 掘金
webpack 环境变量
- Webpack 设置环境变量的误区 - 掘金
webpack FAQ
- webpack4 Cannot find module '@babel/core' - CSDN博客
- webpack打包,es6语法报错,解决方案(包括es6扩展运算符报错) - CSDN博客
- Webpack 是怎样运行的?(一) - 知乎
- Webpack 是怎样运行的?(二) - 知乎
- Webpack 模块打包原理 - 掘金
- Webpack学习-工作原理(上)
- Webpack学习-工作原理(下)
- Webpack 模块打包机制浅析 - 掘金
- webpack & HTTP/2 – webpack – Medium
- 详解webpack中四个基础概念-js教程-PHP中文网
- Webpack 之常见见招拆招 - 掘金
- webpack3 项目升级 webpack4 - 掘金
yeoman
- yeoman/yeoman: Yeoman - a set of tools for automating development workflow
- The web's scaffolding tool for modern webapps | Yeoman
- 如何选择JavaScript构建工具之Babel、Browserify、Webpack、Grunt以及Gulp - 思过崖
- 前端模块化开发学习之gulp&browserify篇 - sharlly - 博客园
- 精读《如何编译前端项目与组件》 - 掘金
- 打包工具的配置教程见的多了,但它们的运行原理你知道吗? - 掘金
- 脚手架市场
- Ant-Tool 简介 | Ant-Tool 简介
- ant-design/antd-init: Ant Design boilerplate generator.
- 窥探原理:手写一个 JavaScript 打包器 - 掘金
¥构建工具
gulp
gulp core
- gulp/API.md at master · gulpjs/gulp
- 一点 | gulp详细入门教程
- 一点 | gulp教程之gulp-livereload
- 一点 | gulp教程之gulp中文API
- Gulp 简明使用教程 - 简书
- Gulp快速入门教程 - 个人文章 - SegmentFault 思否
- Gulp学习指南之CSS合并、压缩与MD5命名及路径替换 - YuanWing Notes - SegmentFault 思否
- gulp.js plugin registry
- gulp.js - the streaming build system
- gulp.js - 基于流的自动化构建工具。 | gulp.js 中文网
- gulpjs/gulp: The streaming build system
- gulp
- gulp 中文文档 - gulp.js 中文文档 | gulp.js 中文网
gulp plugins&dependence
gulp-alex
- dustinspecker/gulp-alex: Gulp plugin for Alex
- get-alex/alex: Catch insensitive, inconsiderate writing
- Alex - Catch insensitive, inconsiderate writing
gulp-autoprefixer
- 一点 | gulp教程之gulp-autoprefixer
- gulp-autoprefixer报Promise is not defined错误 - nikoo_hp - 博客园
- gulp-autoprefixer的使用 - 简书
- gulp教程之gulp-autoprefixer(根据设置浏览器版本自动处理浏览器前缀) - Hendsame - 博客园
- gulp常用插件-gulp-autoprefixer - 吴小粥的博客 - CSDN博客
- Gulp插件autoprefixer的使用 - tinyphp - 博客园
- gulp-autoprefixer - 博客 - CSDN博客
gulp+browsersync
- gulp+browsersync前端自动化构建和页面自动同步 - 个人文章 - SegmentFault 思否
- candyCCat/gulp-browsersync: 搭建的一个简单的基于gulp+browsersync的前端自动化构建框架
gulp-bufferify
- 用gulp-bufferify快速创建你的gulp插件 - Web烤猫 - SegmentFault 思否
gulp-changed
- gulp-changed的使用:只编译改动过的文件 - 不挑食的程序员 - SegmentFault 思否
- gulp-changed - npm
gulp-debug
- gulp-debug - npm
gulp-imagemin
gulp-rev-replace
- Package - gulp-rev-replace
- gulp-rev-replace,重写已经被吞rev改名的文件名的出现,下载gulp-rev-replace的源码_GitHub_帮酷
gulp-rename
- gulp-rename - npm
- node笔记——gulp修改静态文件的名字 - 青草圆 - 博客园
gulp-sequence
- 按顺序逐个同步地运行 Gulp 任务 - 简书
- teambition/gulp-sequence: Run a series of gulp tasks in order
gulp-sourcemaps
- gulp-sourcemaps的用法 - 幸福n-1次方 - 博客园
- javascript - gulp-sourcemaps 的使用过程中,在chrome中没找到对应的可调式的源码啊 - SegmentFault 思否
- gulp插件(8) - gulp-sourcemaps(生成sourcemap) - 好事之徒 - CSDN博客
- gulp-Source Map 详解 - m0_37978717的博客 - CSDN博客
- Introduction to JavaScript Source Maps - HTML5 Rocks
gulp-useref
- gulp系列:gulp-useref - J大老板 - CSDN博客
- gulp-useref - npm
gulp-util
- gulp-util - npm
gulp-utf8-convert
- gulp-utf8-convert - npm
gulp转码
- ashtuchkin/iconv-lite: Convert character encodings in pure javascript.
- heldinz/gulp-convert-encoding: Plugin for gulp to convert files from one encoding to another.
- gulp生成utf-8文件的同时,也生成gbk版本 - 简书
- gulp-convert-encoding - npm
- 将文件转成utf8编码的gulp插件——gulp-utf8-convert - 泡泡 - SegmentFault 思否
- hellopao/gulp_plugin: plugins for gulp.js
- 常用gulp插件介绍(一)
- gulp常用插件使用指南(一) - 掘金
- 精通 gulp 常用插件 - 前端 - 掘金
glup 教程&用法
gulp 教程
Gulp探究折腾之路
- Gulp探究折腾之路(I) | 晚晴幽草轩
- Gulp折腾之路(II) | 晚晴幽草轩
- Gulp折腾之路(III) | 晚晴幽草轩
- gulp 实现 js、css,img 合并和压缩 - CSDN博客
- 前端构建工具- gulp - 安装及简单CSS,JS文件合并压缩 - CSDN博客
- Gulp学习指南之CSS合并、压缩与MD5命名及路径替换 - YuanWing Notes - SegmentFault 思否
- Gulp快速入门教程 - 个人文章 - SegmentFault 思否
- 一点 | gulp教程之gulp-imagemin
- glup搭建和使用 - CSDN博客
- gulp教程之gulp-concat - CSDN博客
- 详解常用的gulp命令 - aiiright - 博客园
- gulp使用小结(一) - 聂微东 - 博客园
- 使用gulp实现前端自动化 - 掘金
- 整理配置的一套gulp自动化方案 - 个人文章 - SegmentFault 思否
- gulp详细基础教程 - 前端码路拾遗 - SegmentFault 思否
- 让我们用gulp写个前端脚手架 - 掘金
- gulp插件解决浏览器缓存问题 - 掘金
gulp FAQ
拷贝文件
- gulp拷贝文件的时候如何保持路径? - CNode技术社区
- gulp.src复制整个文件夹或文件到指定目录(包括拷贝单个文件) - 雾里看花叹朦胧 - CSDN博客
- web前端工程化工具_gulp的路径问题,路径通配符 ** * ,拷贝所有文件夹及其子文件夹下的文件,项目的所有文件 - jiang7701037的博客 - CSDN博客
- deployment - How do I copy directories recursively with gulp? - Stack Overflow
task顺序执行
- gulp的task顺序执行 - SegmentFault 思否
- gulp顺序执行任务
- gulp顺序执行任务 - {前端开发} - 博客园
- javascript - gulp任务的先后问题 - SegmentFault 思否
- gulp_如何保证任务和程序顺序执行? - fantaxy025025的专栏 - CSDN博客
- gulp中task的异步执行:加上return - 不挑食的程序员 - SegmentFault 思否
gulp error
- gulp打包之unable to minify JavaScript - CSDN博客
- [Gulp打包问题] GulpUglifyError: unable to minify JavaScript - Jerry's Blog - 开源中国
- 【gulp错误】GulpUglifyError: unable to minify JavaScript(黑人问号脸.gif) - reng嘉的回答 - SegmentFault 思否
- gulp编译报错 - CSDN博客
- gulp - GulpUglifyError: unable to minify JavaScript - Stack Overflow
- gulp错误GulpUglifyError: unable to minify JavaScript解决
- gulp gulp有没有办法将所有的js文件压缩并重命名_百度知道
- gulp4 - gulp中del()使用问题 - SegmentFault 思否
- 使用gulp为项目中的文件自动添加版本号之实践思路 - 姜丝的博客 - CSDN博客
- gulp.src复制整个文件夹或文件到指定目录(包括拷贝单个文件) - 雾里看花叹朦胧 - CSDN博客
- gulp排除已压缩文件思路
- gulp自动添加静态文件版本号方案 - wangwei249的博客 - CSDN博客
- gulp.src排除一些文件 - 个人文章 - SegmentFault 思否
- Gulp .src() 匹配模式详解 - 凝弧 - CSDN博客
- 做一个合格的前端,gulp资源大集合 - 专注WEB前端/微信小程序 - SegmentFault 思否
grunt
PintJS – 轻量,并发的GruntJS运行器
- PintJS – 轻量,并发的 GruntJS 运行器 - 梦想天空(山边小溪) - 博客园
- Pint
- Grunt: JavaScript世界的构建工具 -- Grunt中文网
- Grunt: The JavaScript Task Runner
- gruntjs/grunt: Grunt: The JavaScript Task Runner
¥grunt plugins
- tjgq/grunt-throttle: A Grunt plugin for testing under a throttled connection.
wordpressify
- luangjokaj/wordpressify: 🎈 A build system designed to automate your WordPress development workflow.
- WordPressify – A build system designed to automate your WordPress development workflow.
fis
- 前端自动构建工具 -- fis - 个人文章 - SegmentFault 思否
- 前端开发手札fis篇——关于部署目录的问题 - 帕奇的手札 - SegmentFault 思否
- Fis3构建迁移Webpack之路 - 个人文章 - SegmentFault 思否
gulp-eagle
- gulp-eagle 一个可以快速使用gulp构建前端项目的工具 - 前端小记 - SegmentFault 思否
- youngluo/gulp-eagle: Gulp Eagle is based on Laravel Elixir, which provides a clean, fluent API for defining basic Gulp tasks.
source-map-explorer
- source-map-explorer - npm
- danvk/source-map-explorer: Analyze and debug space usage through source maps
- 构建工具 - 掘金精选 - SegmentFault 思否
- 前端构建工具整理 - 前端路漫漫 - SegmentFault 思否
¥Package Manager
apt-get
- 关于Linux中的apt-get的相关操作及原理 - 兔角与禅 - CSDN博客
- apt-get常用命令及工作原理 - mosquito_zm的博客 - CSDN博客
- 【Linux】- apt-get命令 - wangwust - 博客园
- apt 和 apt-get的区别 - liudsl的博客 - CSDN博客
- apt-get下载、安装的软件在哪里 - tonytp的专栏 - CSDN博客
- CentOS 下安装apt-get - qingchen1984 - 博客园
- [Linux] yum和apt-get用法及区别 - 我是小菜鸟 - 博客园
- apt与apt-get的区别 - 阿里云
bower
- Bower — a package manager for the web
- API · Bower
- bower介绍 - zyx1303031629的博客 - CSDN博客
- bower的安装和使用 - ahaha413525642的博客 - CSDN博客
- bower/bower: A package manager for the web
- Web 前端开发的包管理工具 bower 快速入门 - 志文工作室
- 使用Bower进行前端依赖管理 - 像少年啦飞驰、 - 博客园
brew
homebrew-cask
- Homebrew/homebrew-cask: 🍻 A CLI workflow for the administration of macOS applications distributed as binaries
- Homebrew/brew: 🍺 The missing package manager for macOS (or Linux)
- The missing package manager for macOS (or Linux) — The missing package manager for macOS (or Linux)
chocolatey
- Chocolatey - 教程中心 - 阿里云
- Chocolatey Gallery | chocolatey
- 下载Chocolatey(windows) - 简书
- 使用Chocolatey - 51CTO.COM
- Installing Chocolatey - 沧海一滴 - 博客园
- Chocolatey软件包管理器 - PowerShell 中文博客
- Chocolatey - The package manager for Windows
- Installation
- Chocolatey 使用
CPM
- CPM
- CPM - 轻量的NPM私有源程序搭建 - 掘金
- cevio/cpm: A Lightweight NPM Private Active Management Service.We don't design a scheme to synchronize to local caching. We only focus on building private active CRUDs that are compatible with NPM public package downloads.
component
- componentjs/component: frontend package manager and build tool for modular web applications
- componentjs/guide: A Guide to Component
duojs
- Duojs.com Analytics - Market Share Stats & Traffic Ranking
- Duo——下一代前端包管理器 – FED实验室 - 专注WEB端开发和用户体验
- duo - npm
- Duo js 一个非常酷的前端打包工具 - 司徒正美 - 博客园
- duo-JavaScript中文网-JavaScript教程资源分享门户
- DUO - Lifetime Technology and Gadget Master
jspm
- jspm.io - Native ES Modules CDN
- jspm.org - Browser Package Manager
- jspm & SystemJS 教程 - 简书
- jspm入门 - 汪喆_Jack的博客分享 - CSDN博客
- jspm的使用 - 前端课堂 - SegmentFault 思否
- jspm 安装试用 - 荣锋亮 - 博客园
- 07、React系列之--使用jspm管理 - 简书
- React 和ES6 之JSPM的使用(第五部分) - 从零到壹全栈部落 - IT界逻辑思维 - SegmentFault 思否
- jspm - jhhu - 博客园
- jspm/jspm-cli: Package management CLI
Nuget Package Manager
- NuGet 包管理器用户界面参考 | Microsoft Docs
- NuGet Package Manager - Visual Studio Marketplace
- NuGet 包管理器控制台指南 | Microsoft Docs
- NuGet Gallery | Home
- 安装 NuGet 客户端工具 | Microsoft Docs
- NuGet — 使用 NuGet 管理项目库
- NuGet学习笔记(转) - tiasys - 博客园
- NuGet的安装和使用 - 天国里的牵挂 - 博客园
- VSCode中Nuget Package Manager扩展插件的使用 - liwan09的博客 - CSDN博客
- Package Management for Private & Public Feeds & Repositories | MyGet
npmjs
npm core
cnpm
- node安装cnpm代替npm - CSDN博客
- 全局安装cnpm - kaleozhou - 博客园
- 安装cnpm - CSDN博客
- 安装npm及cnpm(Windows) - 悠鸣海 - 博客园
- npm介绍与cnpm介绍 - Jancy1072的博客 - CSDN博客
- cnpm/cnpm: cnpm: npm client for China mirror of npm
- 修改npm镜像源让安装提速 - 清风阁 - CSDN博客
npm 依赖
- 前端汇总系列:npm依赖(构建编译) - 掘金
- 前端汇总系列:npm依赖(框架平台) - 掘金
- 前端汇总系列:npm依赖(类库工具) - 掘金
- 了解脱字符 npm 中(^)的作用吗 - 掘金
npm 配置
- npm 常用配置 - 掘金
- npm-config | npm Documentation
- npmrc | npm Documentation
- npm-scripts | npm Documentation
- npm-config | npm Documentation
- npm-cache | npm Documentation
- https://registry.npmjs.org
- 对npm包精准控制之npm-shrinkwrap.json与package-lock.json - 掘金
- 2018 年了,你还是只会 npm install 吗? - 掘金
npm link
- npm-link | npm Documentation
- npm link - 简书
- npm link 和 peerDependencies 的问题 - 简书
- npm link中文文档 - 潇湘待雨 - 博客园
- npm link的使用 - 简书
- module: add --preserve-symlinks command line flag by jasnell · Pull Request #6537 · nodejs/node
npm 代理
- 设置npm的registry几种方法_qq_15980201的博客-CSDN博客
- npm设置和取消代理的方法_yanzi1225627的专栏-CSDN博客
- npm配置镜像、设置代理 - MockingBird 博客 - SegmentFault 思否
- npm/npm: a package manager for javascript
- npm
- 入门 · NPM 中文文档 · 看云
- About npm | npm Documentation
- 前端工程化 - 剖析npm的包管理机制(完整版)
npm modules
¥Object
copy-props
- copy-props - npm
- sttk/copy-props: Copy properties deeply between two objects
merge-deep
- merge-deep - npm
- jonschlinkert/merge-deep: Recursively merge values in a JavaScript object.
assign-deep
- assign-deep - npm
- jonschlinkert/assign-deep: Deeply assign the enumerable properties of source objects to a destination object.
defaults-deep
- defaults-deep - npm
- jonschlinkert/defaults-deep: Like `extend` but recursively copies only the missing properties/values to the target object.
extend-shallow
- extend-shallow - npm
- jonschlinkert/extend-shallow: Extend object A with the properties of object B. node.js/javascript util.
omit-deep
- omit-deep - npm
- jonschlinkert/omit-deep: Recursively omit specified keys from an object.
object.defaults
- object.defaults - npm
- jonschlinkert/object.defaults: Like `extend` but only copies missing properties/values to the target object.
mixin-object
- mixin-object - npm
- jonschlinkert/mixin-object: Extend the properties from any number of objects onto the first object. Pass an empty object as the first arg to create a new object.
shallow-clone
- shallow-clone - npm
- jonschlinkert/shallow-clone: Make a shallow clone of an object, array or primitive.
clone-deep
- jonschlinkert/clone-deep: Recursively (deep) clone JavaScript native types, like Object, Array, RegExp, Date as well as primitives. Used by superstruct, merge-deep, and many others!
- clone-deep - npm
just-extend
- just-extend - npm
object-copy
- object-copy - npm
- jonschlinkert/object-copy: Copy static properties, prototype properties, and descriptors from one object to another
copy-descriptor
- jonschlinkert/copy-descriptor: "description": "Copy a descriptor from object A to object B",
- copy-descriptor - npm
define-property
- define-property - npm
- jonschlinkert/define-property: Define a non-enumerable property on an object.
deepmerge
- deepmerge - npm
- TehShrike/deepmerge: A library for deep (recursive) merging of Javascript objects
mixin-deep
- mixin-deep - npm
- jonschlinkert/mixin-deep: Deeply mix the properties of objects into the first object, while also mixing-in child objects.
¥Function
mimic-fn
- mimic-fn - npm
- sindresorhus/mimic-fn: Make a function mimic another one
rename-fn
- sindresorhus/rename-fn: Rename a function
- rename-fn - npm
rename-function
- rename-function - npm
- tunnckoCore/rename-function: Rename a given function. Tries to be cross-platform and guaranteed. Useful when you want to preserve name of bound function.
keep-func-props
- ehmicky/keep-func-props: Wrap a function without changing its name, length and other properties
- keep-func-props - npm
- The names of functions in ES6
¥Any
kind-of
- kind-of - npm
- jonschlinkert/kind-of: Get the native JavaScript type of a value, fast. Used by superstruct, micromatch and many others!
typeof
- CodingFu/typeof: node module extending typeof functionality
- typeof - npm
type-of
- type-of - npm
progress-estimator
- bvaughn/progress-estimator: Logs a progress bar and estimation for how long a Promise will take to complete
del
- del - npm
- sindresorhus/del: Delete files and directories
npm-size
- egoist/npm-size: Get the install size of an npm package.
cross-env
- kentcdodds/cross-env: 🔀 Cross platform setting of environment scripts
- cross-env - npm
- @naholyr/cross-env - npm
- cross-env-default - npm
cross-spawn
- cross-spawn - npm
- moxystudio/node-cross-spawn: A cross platform solution to node's spawn and spawnSync
- IndigoUnited/node-cross-spawn-async: A cross platform solution to node's spawn
- zentrick/cross-spawn-promise: Promisified cross-spawn.
- mafintosh/npm-execspawn: Spawn locally installed npm dependencies with cross platform env and argument parsing support
env-cmd
- toddbluhm/env-cmd: Setting of environment scripts via a file
- env-cmd - npm
- Which of the 635000 npm modules do I choose? – Corey Cleary
- NodeJS之npm脚本 - 简书
- npm-run-path - npm
- npm-install-package - npm
- npm-which - npm
- npm-path - npm
- npm-run - npm
- executing-npm-path - npm
- exec-npm - npm
- exec-npm-install - npm
- npm-run-script - npm
- @lerna/npm-run-script - npm
- @lerna/run - npm
- npm-run-all - npm
- is-npm - npm
- @yoitsro/lerna-npm-run-script - npm
- @yoitsro/lerna-run - npm
- npm-run-script-chain - npm
- runscript - npm
- npm-quick-run - npm
- if-env - npm
- run-versions - npm
- @redisrupt/better-npm-run - npm
- @delucis/if-env - npm
- run-all-the-things - npm
- npm-config - npm
- npm-conf - npm
- @lerna/npm-conf - npm
- npm-package-json-lint-config-default - npm
- @yoitsro/lerna-npm-conf - npm
- npm-package-json-lint-config-tc - npm
- local-npm-config - npm
- @zkochan/npm-conf - npm
- npm-config-arguments - npm
node_modules
- node_modules
scripts
- npm-scripts/scripts: Collection of useful npm-scripts!
ntl
- ntl - npm
- ruyadorno/ntl: Npm Task List: Interactive cli menu to list/run npm tasks
- npm
npx
- npx是什么 · 夭幻境地
- npx命令介绍 - lxz - SegmentFault 思否
- 【译】npx简介:一种npm包的执行器 - zhulin2609 - CSDN博客
- npx:一个npm包执行器 - MF孟飞 - 博客园
- 非常好用的 npx!!! - webpack+vue+es6 - CSDN博客
- npx 是什么? - 简书
- npx - npm
- npx & yarn - 简书
- npx - 简书
- npx 使用教程 - 阮一峰的网络日志
- zkat/npx: execute npm package binaries
nvm
- coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.
- creationix/nvm: Node Version Manager - Simple bash script to manage multiple active node.js versions
- Home | NVM
- nvm 的安装以及使用 - allanGold的博客 - CSDN博客
- 关于在window 中安装nvm - 还不会游泳的鱼 - 博客园
- node的版本控制之nvm的安装与使用 - 化身西湖云 - 博客园
- 正确的安装和使用nvm - cllgeek - 博客园
- 使用nvm管理多版本Node - 简书
- 安装node版本管理工具之NVM - 简书
- Windows下安装及使用NVM - 安歌 - CSDN博客
- nvm介绍及使用 - 简书
- nvm和nodejs安装使用 · nvm,nodejs和npm安装使用 · 看云
npmcomponent
- npmcomponent (npm <3 component)
- airportyh/npmcomponent: Scripts to make Component modules available to NPM/Browserify users.
- component/dialog: Dialog component
npm FAQ
发布npm
- 从 0 开始发布一个 react 组件到 npm - 知乎
- 如何搭建npm包 - 掘金
- 详解从 0 发布 react 组件到 npm 上 - 掘金
- 发布一个npm包,用于监控页面中的所有API请求的状态和结果 - 掘金
- [译] 创建并发布一个小而美的 npm 包,没你想的那么难! - 掘金
- NPM包(模块)发布、更新、撤销发布 - 掘金
版本升级
- 升级nodejs, npm到某一版本 - liangxw1的专栏 - CSDN博客
- nodejs基础: 如何升级Noejs版本 - sruru的专栏 - CSDN博客
- npm update常用命令使用 - 爱博子 - 博客园
删除node_modules
- 怎么删除node_modules文件夹? - CSDN博客
- 删除node_modules文件夹 - CSDN博客
- 清除node_modules 缓存 - CSDN博客
- 清除node_modules 缓存 - L- - CSDN博客
- 更新package.json中的dependencies依赖到最新版本 - Ztw的博客 - CSDN博客
- npm i和npm install的区别 - chern1992的博客 - CSDN博客
- 利用npm 安装删除模块 - yihanzhi的博客 - CSDN博客
- 关于npm run dev和build - 外籍杰克的回答 - SegmentFault 思否
- 阅读npm run dev命令后的配置项 - 简书
- Resolving EACCES permissions errors when installing packages globally | npm Documentation
- npm入门(一)—了解基本组成与概念 - 掘金
- npm入门(二)—package(包)的管理 - 掘金
scripts
- npm的使用 - 简书
- apertureless/npm-stats: 📈 npm package statistics dashboard build with vue
nrm
- Pana/nrm: NPM registry manager, fast switch between different registries: npm, cnpm, nj, taobao
- nrm - npm
- nrm安装与配置 - Anway12138的博客 - CSDN博客
- nrm安装与配置 - 简书
- nrm安装与使用 - 寒爵 - 博客园
- nrm- CSDN搜索
RubyGems
Ruby
- RubyInstaller for Windows
- Downloads
- oneclick/rubyinstaller2: MSYS2 based RubyInstaller for Windows
- ruby gem的安装步骤 - xiaofenguo - 博客园
- jasoncharnes/run.rb: Run Ruby in the browser using WebAssembly
Bundler
- Bundler: The best way to manage a Ruby application's gems
- bundler/bundler: Manage your Ruby application's gem dependencies
- Bundler - 简书
- RubyGems.org | Ruby 社区 Gem 托管
- Ruby RubyGems | 菜鸟教程
- rubygems/rubygems: Library packaging and distribution for Ruby.
- Download RubyGems | RubyGems.org | Ruby 社区 Gem 托管
- RubyGems 镜像 - 淘宝网
yum
- yum - Trac
- yum的使用与配置 - ZhiChao& - 博客园
- YUM工作原理及使用 - Galaxy的博客 - CSDN博客
- CentOS下yum命令详解 - Vathe - 博客园
- yum 命令讲解 - Alan Zhuang的博客 - CSDN博客
- Yum! Brands – A World with More Yum!
- linux yum命令详解 - 廖先生 - 博客园
Yarn
- yarnpkg/yarn: 📦🐈 Fast, reliable, and secure dependency management.
- Yarn
- 使用方法 | Yarn 中文文档
- YARN架构设计详解 - ChavinKing - 博客园
- yarn详细入门教程 - 猫老板的豆 - CSDN博客
- 中文文档 | Yarn 中文文档
- Yarn
- Apache Hadoop 2.9.2 – Apache Hadoop YARN
- Yarn
- Yarn 中文文档
- Yarn 命令详解 - 寒爵 - 博客园
- 你需要知道的包管理器(Package Manager) - 陈希章 - 博客园
- Libraries.io - The Open Source Discovery Service
- anvaka/pm: package managers visualization
¥JS编写插件
- 如何定义一个高逼格的原生JS插件 - 简书
- 如何开发原生的 JavaScript 插件(知识点+写法) - Cboyce - 博客园
- jQuery插件的几种写法 - CSDN博客
¥数据库 tools
json-server
- MongoDB Hosting: Database-as-a-Service by mLab
- Install MongoDB — MongoDB Manual 3.6
¥you-dont-need
- you-dont-need/You-Dont-Need-JavaScript: CSS is powerful, you can do a lot of things without JS.
- you-dont-need/You-Dont-Need-Momentjs: List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin
- you-dont-need/You-Dont-Need-GUI: Stop relying on GUI; CLI **ROCKS**
- you-dont-need/You-Dont-Need.com: People choose popular projects, often not because it applies to their problems
- you-dont-need/You-Dont-Know-Lodash-Underscore: In response to You-Dont-Need-Lodash-Underscore
¥Hash
id
唯一ID
- ai/nanoid: A tiny (145 bytes), secure, URL-friendly, unique string ID generator for JavaScript.
- JavaScript生成GUID的算法 - snandy - 博客园
hashids.js
- ivanakimov/hashids.js: A small JavaScript library to generate YouTube-like ids from numbers. Use it when you don't want to expose your database ids to the user.
- JavaScript - Hashids
HashMap
- flesler/hashmap: HashMap JavaScript class for Node.js and the browser. The keys can be anything and won't be stringified
object-hash
- puleos/object-hash: Generate hashes from javascript objects in node and the browser.
router-hash
- jgallen23/routie: a tiny javascript hash router
- millermedeiros/Hasher: Browser history manager for rich media websites
- 字符串哈希函数 - windflying - 博客园
¥压缩、解压缩
JSZip
- JSZip
- JS前端用jszip生成zip压缩包下载 - xudejun的博客 - CSDN博客
- Node.js使用jszip实现打包zip压缩包 - 蟹行者 - 博客园
- 纯js实现页面上的图片内容打包zip下载 - qq_29101365的博客 - CSDN博客
- 利用r.js压缩整个项目的JavaScript文件 - Snandy - ITeye博客
lz-string
- pieroxy/lz-string: LZ-based compression algorithm for JavaScript
$资源相关
¥图片预加载、懒加载与响应式
懒加载
echo-js
echo
- amazeui/echo: Lazy-loading images with data-* attributes
- Echo.js | Amaze UI 插件
- Echo.js, simple JavaScript image lazy loading
- documents/plugin/echo at master · helijun/documents
lozad.js
- ApoorvSaxena/lozad.js: 🔥 Highly performant, light ~0.9kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more
- Lozad.js: Highly performant lazy loader
lazyestload.js
- Paul-Browne/lazyestload.js: load images only when they are in (and remain in) the viewport
- https://rawgit.com/Paul-Browne/lazyestload.js/master/dist/lazyestload.html
jquery_lazyload
- tuupola/jquery_lazyload: Vanilla JavaScript plugin for lazyloading images
- Vanilla JavaScript Lazy Load Plugin
- documents/jquery.lazyload.js at master · helijun/documents
tada
- fallroot/tada: Lightweight, no dependency library for lazy image load. Duplicate element check, throttled scroll handler, percent threshold supported.
- lazyload
- JS图片延迟加载分析及简单的demo - 龙恩0707 - 博客园
- 按需加载图片(图片懒加载) - 云库网
- js实现图片懒加载 - 简书
- 前端如何实现图片懒加载(lazyload) 提高用户体验
- 图片懒加载 - 小火柴的蓝色理想 - 博客园
- 图片懒加载使用方法及感受 - CSDN博客
- 原生JS实现最简单的图片懒加载 - 打基础打基础打基础 - SegmentFault 思否
- 使用JS进行图片懒加载 - CSDN博客
- 前端实现图片懒加载(lazyload)的两种方式 - liliangel - 博客园
- (可视区域加载)图片懒加载实现原理 - 最骚的就是你 - 博客园
- 使用jQuery实现图片懒加载原理 - 廖雪峰的官方网站
- HTML5自定义属性对象Dataset简介 « 张鑫旭-鑫空间-鑫生活
- Lazyr.js – 延迟加载图片(Lazy Loading) - 梦想天空(山边小溪) - 博客园
- 原生JS实现最简单的图片懒加载 · Issue #1 · axuebin/articles
- 图片懒加载的前世今生 - 掘金
- 实现图片懒加载(throttle, debounce) - 掘金
预加载
img-2
- RevillWeb/img-2: Replace <img /> elements with <img-2> to automatically pre-cache images and improve page performance.
- Javascript图片预加载详解 - WEB前端 - 伯乐在线
- 实现类似Pinterest 的图片预加载功能 - WEB前端 - 伯乐在线
- 3+ Ways to Preload Images Using CSS, JavaScript, or Ajax | Perishable Press
- jQuery图片预加载(延迟加载)插件Lazy Load-前端开发博客
- [前端]图片预加载方法 - 杠子 - 博客园
- JS实现图片预加载之无序预加载功能代码_javascript技巧_脚本之家
- Javascript图片预加载详解 - CSDN博客
- js中图片的预加载演示 - _yh - 博客园
- 基于javascript实现图片预加载_JavaScript_WEB开发_文档_源码天空
响应式
- 响应式图片 - 学习 Web 开发 | MDN
- javascript图片懒加载与预加载的分析 - HackerVirus - 博客园
¥监听文件实现浏览器自动刷新
新建文件夹
- gulp+browser-sync 监听文件实现浏览器自动刷新 - 简书
- AriaFallah/WebpackTutorial: A simple webpack tutorial
- Browsersync结合gulp和nodemon实现express全栈自动刷新 - 简书
- Node.js、npm、gulp及browser-sync那些事 - 简书
- 前端自动化-浏览器自动实时刷新(gulp)--转自博客园 乐少007 - 简书
- Gulp探究折腾之路(I) - 简书
- 开发中 Server(devServer) | webpack 中文网
- webpack-dev-server使用方法,看完还不会的来找我~ - JSer - SegmentFault 思否
- webpack-dev-server 原理探讨 - 掘金
- webpack-dev-server模块 - webxiaoma - SegmentFault 思否
- webstorm修改文件,webpack-dev-server不会自动编译刷新 - 个人文章 - SegmentFault 思否
- webpack-dev-server完整demo - 个人文章 - SegmentFault 思否
- webpack-dev-server使用方法,看完还不会的来找我~ - JSer - SegmentFault 思否
- Webpack-dev-server的proxy用法 - 前端小码农 - SegmentFault 思否
- 详解webpack-dev-server的使用 - web前端 - SegmentFault 思否
¥资源操作
动态/异步加载css,js
- css加载会造成阻塞吗? - 陈陈jg - 博客园
- 转:按需加载html 图片 css js - stephenykk - 博客园
- javascript中采用jQuery ajax动态加载js文件的解决方法 - CSDN博客
- 经验总结:按需加载JS和css - stephenykk - 博客园
- 探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密 - 文章 - 伯乐在线
- jQuery+ajax实现动态加载,局部刷新, - TigerZhang - 博客园
- JavaScript 的性能优化:加载和执行
- js的并行加载与顺序执行 - Hello.NET - 博客园
- 简单的算法-解决页面脚本异步加载顺序问题 - 掘金
- 实用技巧:使用 jQuery 异步加载 JavaScript 脚本 - 梦想天空(山边小溪) - 博客园
- 优雅的实现动态加载 css、js - 掘金
跨操作系统共享文件
- 如何跨操作系统共享文件?你还在用U盘傻瓜式地拷贝文件吗? - 掘金
下载资源优先级
priority-hints
- WICG/priority-hints: A browser API to enable developers signal the priorities of the resources they need to download.
- Priority Hints
解析HTML文件
- digisfera/useref: Parse build blocks in HTML files to replace references
- JS代码如何不被别人看到? - CSDN博客
- [译]未雨绸缪之:静态资源处理 - 掘金
¥文本文档
文本字符去重
- JS单行、多行文本字符去重和行去重 - 掘金
转换网页
percollate
- danburzo/percollate: 🌐 → 📖 A command-line tool to turn web pages into beautifully formatted PDFs
词云
wordcloud2.js
- timdream/wordcloud2.js: Tag cloud/Wordle presentation on 2D canvas or HTML
react-d3-cloud
- Yoctol/react-d3-cloud: A word cloud react component built with d3-cloud.
react-tagcloud
- madox2/react-tagcloud: Tag/word cloud component for react https://madox2.github.io/react-tagcloud/
iroun
- pistis/iroun: Name analyzer written in Javascript
react-tag-cloud
- IjzerenHein/react-tag-cloud: Create beautiful tag/word clouds using React ☁️
d3-cloud
- jasondavies/d3-cloud: Create word clouds in JavaScript.
¥validate data
数据格式
Superstruct
- ianstormtaylor/superstruct: A simple and composable way to validate data in Javascript.
is.js
- Cedriking/is.js: Micro javascript library to use in conditions.
- is.js/is.js at master · Cedriking/is.js
¥任务管理工具
drome
- dromejs/drome: JavaScript task runner
- Drome · Powerful and easy task runner
¥配置语言
YAML
- YAML: probably not so great after all
- The Official YAML Web Site
HOCON
- config/HOCON.md at master · lightbend/config
hjson
- Hjson, a user interface for JSON
- Hjson
toml
- toml-lang/toml: Tom's Obvious, Minimal Language
¥CDN
UNPKG
- 请问如何下载unpkg的文件目录? - 你可以叫我大仙的回答 - SegmentFault 思否
- UNPKG
- Unpkg 简介-云栖社区-阿里云
- 貌似发现了一个 unpkg.com 在国内的镜像? - V2EX
- unpkg/unpkg.com: The CDN for everything on npm
- UNPKG - vue
- BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- 使用 SRI 解决 CDN 劫持 - 掘金
¥前端路由
universal-router
- kriasoft/universal-router: A simple middleware-style router for isomorphic JavaScript web apps
- Universal Router ∙ Isomorphic routing solution for JavaScript applications
- universal-router - npm
- 前端路由跳转基本原理 - 掘金
- 原生 js 实现一个前端路由 router - 掘金
- [实践系列] 前端路由 - 掘金
- JS 专题系列-前端路由 - 掘金
¥任务调度
- React Scheduler 源码详解(1) - 掘金
- react/Scheduler.js at v16.7.0 · facebook/react
¥Web 推送
《Web 推送通知》
- 《Web 推送通知》系列翻译 | 引言&概览 - 掘金
- 《Web 推送通知》系列翻译 | 第二篇:推送是怎么工作的? - 掘金
- 《Web 推送通知》系列翻译 | 第三篇:订阅一个用户 - 掘金
- 《Web 推送通知》系列翻译 | 第四篇:请求权限的交互 - 掘金
- 《Web 推送通知》系列翻译 | 第五篇:使用 Web 推送库发送消息 && 第六篇:Web 推送协议 - 掘金
- 《Web 推送通知》系列翻译 | 第七篇:推送事件 && 第八篇:显示一个通知 - 掘金
- 《Web 推送通知》系列翻译 | 第九篇:通知行为 && 第十篇:常用的通知模式 - 掘金
- 《Web 推送通知》系列翻译 | 第十一篇:FAQ && 第十二篇:常见问题以及错误反馈 - 掘金
- Web 实时推送技术的总结 - 掘金
$API相关
¥Animations
- Web Animations API | MDN
- window.requestAnimationFrame - Web API 接口参考 | MDN
- window.cancelAnimationFrame - Web API 接口参考 | MDN
¥async/await
buha.js
- flouthoc/buha.js: Browser based Strictly ordered Task Queue for Sync/Async Javascript Functions
- buha.js - browser based Strictly ordered Task Queue for Sync/Async Javascript Functions.
async/await 教程
- developer.mozilla.org
- 异步函数 - 提高 Promise 的易用性 | Web | Google Developers
- 8张图让你一步步看清 async/await 和 promise 的执行顺序 - 掘金
- 【译】JavaScript的工作原理:事件循环及异步编程的出现和 5 种更好的 async/await 编程方式 - 掘金
- 细说 async/await 相较于 Promise 的优势 - 掘金
- async/await 优雅的错误处理方法 - 掘金
- [译] JavaScript - Generator-Yield/Next 和 Async-Await - 掘金
- 从生成器到async/await - 掘金
- JS异步编程之async&await - 掘金
- JS 异步编程六种方案 - 掘金
- 如何优雅地处理Async/Await的异常? - Fundebug - 博客园
- 前端er,你真的会用 async 吗? - 掘金
- vue中async-await的使用误区 - 掘金
- JavaScript Async/Await Explained in 10 Minutes - Tutorialzine
- 谈一谈几种处理 JavaScript 异步操作的办法 - 掘金
- [译] 如何在实际开发案例中掌握 Async/Await - 掘金
- JS task到底是怎么运行的 · Issue #4 · rhinel/blog-word
- 理解 async/await - 超人前端之路 - SegmentFault 思否
- 理解 JavaScript 的 async/await - 边城客栈 - SegmentFault 思否
- 8张图帮你一步步看清 async/await 和 promise 的执行顺序 - 前端进阶 - SegmentFault 思否
- 如何正确使用async/await?
- 结合 async 异步函数 - 提高 Promise 的易用性 - 掘金
- async/await的使用以及注意事项 - OrangeJ - CSDN博客
- 用 async/await 来处理异步 - SamWeb - 博客园
- [译] JavaScript 异步演进史,从 Callbacks, Promises 到 Async/Await - 掘金
- fe/2017-12-07-await-vs-return-vs-return-await.md at master · dev-reading/fe
¥API Requests
rapid.js
- rapidjs/rapid.js: An ORM-like Interface and a Router For Your API Requests
¥Document Object Model
- Document Object Model (DOM) Level 3 Core Specification
- Document Object Model HTML
- DOM Standard
currentScript
- document.currentScript - Web API 接口参考 | MDN
- current-script-polyfill - npm
¥Events
Pointer Events
- Pointer Events
load & DOMContentLoaded
- load - 事件参考 | MDN
- DOMContentLoaded - 事件参考 | MDN
- window.onload和DOMContentLoaded的区别 - 余小果 - 博客园
- document.ready、window.onload、body.onload的区别 - 自行车上的程序员 - 博客园
- window.onload、DOMContentLoaded和$(document).ready() - MIN飞翔 - 博客园
- window.onload 和 document.onDOMContentLoaded 有什么区别? - 简书
- DOMContentLoaded - Event reference | MDN
- EventTarget - Web API 接口参考 | MDN
- event.currentTarget - Web API 接口参考 | MDN
¥Element
HTMLCanvasElement
- HTMLCanvasElement - Web API 接口参考 | MDN
Web Components
dom component
domcom
- taijiweb/domcom: the web framework to provide dom component
funcy.js
- michael-klein/funcy.js: funcy.js - a functional web components wrapper
eplayer
- 132yse/eplayer: A web-components html5 video player facing future
教程
- web component的强大之处 - 前端 - 掘金
- Web Components 小榄 - 掘金
- mdn/web-components-examples: A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.
- HTML Web Component using Plain JavaScript | Codementor
- 深度介绍:💾 你听说过原生 HTML 组件吗? - 掘金
- manfredsteyer/web-components: Examples for using Web Components in Angular
- Web Components | MDN
- Firefox 63 - Tricks and Treats! - Mozilla Hacks - the Web developer blog
- Doing something with Web Components – Duncan Grant – Medium
- 自定义元素 v1:可重用网络组件 | Web | Google Developers
- Posts About Web Components ← Alligator.io
- 前端下半场:构建跨框架的 UI 库 - Phodal | Phodal - A Growth Engineer
- [译] 组件化开发利器:Web Components标准 - 掘金
- taoqf/custom-elements-es5-adapter: es2015
- WebComponent+WebGl的实时图像处理弹幕播放器 - 掘金
¥fetch
fetch core
- developer.mozilla.org
- 使用 Fetch - Web API 接口 | MDN
- github/fetch: A window.fetch JavaScript polyfill.
- Introduction to fetch() | Web | Google Developers
- fetch documentation
- Fetch Standard
- Fetch Standard
- Fetch API - Web APIs | MDN
- Body - Web APIs | MDN
- Request - Web APIs | MDN
- Headers - Web APIs | MDN
- WindowOrWorkerGlobalScope.fetch() - Web APIs | MDN
- Response - Web APIs | MDN
- wix-fetch - Wix Code API reference
unfetch
- developit/unfetch: 🐕 Bare minimum fetch polyfill in 500 bytes.
rein-api
- ForChangeFE/rein-api: 基于 fetch 的 http 客户端请求工具,适用于浏览器
fetch-jsonp
- camsong/fetch-jsonp: Make JSONP request like window.fetch
react-native-fetch-blob
- wkh237/react-native-fetch-blob: A project committed to making file access and data transfer easier, efficient for React Native developers.
jest-fetch-mock
- jefflau/jest-fetch-mock: Jest mock for the fetch polyfill
yetch
- Netflix/yetch: Yet-another-fetch polyfill library. Supports AbortController/AbortSignal
- fetch documentation
fetch 教程 & FAQ
- Fetch - 简书
- Understanding the Fetch API
- Using Fetch | CSS-Tricks
- 也许你对 Fetch 了解得不是那么多(上) - 掘金
- 也许你对 Fetch 了解得不是那么多(下) - 掘金
- 前端|浅谈fetch - 简书
- Fetch - 数据交互方式 - Cmyoung - 博客园
- 使用更优雅的异步请求API——fetch
- 传统 Ajax 已死,Fetch 永生 - 会影 - SegmentFault 思否
- fetch,终于认识你 - 个人文章 - SegmentFault 思否
- fetch使用整理 - CSDN博客
- fetch()方法介绍 - CSDN博客
- Fetch 的实例讲解 - 掘金
- 基于原生fetch封装一个带有拦截器功能的fetch,类似axios的拦截器 - 掘金
¥Function
- Function - JavaScript | MDN
¥Generator
- Es6 generator浅入浅出 - 掘金
- 浅谈ES6中迭代器和生成器 - 掘金
- JS异步编程之Generator - 掘金
- Generator 基础指南 - 掘金
¥GlobalEventHandlers
- GlobalEventHandlers.onload - Web APIs | MDN
- GlobalEventHandlers - Web APIs | MDN
¥HTTP、URL、Navigator、History
Content-Disposition
- Content-Disposition - HTTP | MDN
Notification API
- Notification.onshow - Web API 接口参考 | MDN
- 浏览器语音桌面通知,Notification API - 掘金
URL
History
- Window.history - Web APIs | MDN
- WindowEventHandlers.onpopstate - Web APIs | MDN
- Manipulating the browser history - Web APIs | MDN
- popstate - Event reference | MDN
Search
- URLSearchParams - Web API 接口参考 | MDN
- URL Standard
URLUtilsReadOnly
- URLUtilsReadOnly - Web APIs | MDN
- URLUtils - Web API 接口 | MDN
- URL - Web API 接口参考 | MDN
- URL - Web APIs | MDN
Location
Hash
- WindowEventHandlers.onhashchange - Web APIs | MDN
- HTMLHyperlinkElementUtils.hash - Web APIs | MDN
- hashchange - Event reference | MDN
- Location - Web API 接口参考 | MDN
- Document.location - Web API 接口参考 | MDN
- document.URL - Web API 接口参考 | MDN
- document.documentURI - Web API 接口参考 | MDN
- window.location - Web API 接口参考 | MDN
sendBeacon
- Navigator.sendBeacon() - Web API 接口参考 | MDN
History_API
- Manipulating the browser history - Web API 接口 | MDN
- Using the HTML5 History API | CSS-Tricks
- history对象 -- JavaScript 标准参考教程(alpha)
- HTML5 简介(三):利用 History API 无刷新更改地址栏 - Blog - Renfei Song
- ajax与HTML5 history pushState/replaceState实例 - Wayne-Zhu - 博客园
- 再详解history.pushState和history.replaceState以及page ajax的实现_唐霜的博客
- ajax无刷新加载页面,结合history.state修改url_唐霜的博客
- 使用ajax和history.pushState无刷新改变页面URL - CSDN博客
- Dev.Opera — Introducing the HTML5 History API
- HTML5学习笔记之History API_html5教程技巧_脚本之家
- 【深入吧,HTML 5】 性能 & 集成 —— History API - 掘金
- HTML5 History API 和 Location 对象剖析 - Joe’s Blog
- History 对象 - JavaScript 教程 - 网道
- HTML Standard
Navigator相关
- Navigator - Web API 接口参考 | MDN
- NavigatorID - Web API 接口参考 | MDN
- NavigatorLanguage - Web API 接口参考 | MDN
- NavigatorOnLine - Web API 接口参考 | MDN
- NavigatorGeolocation - Web API 接口参考 | MDN
- NavigatorPlugins - Web API 接口参考 | MDN
- NetworkInformation - Web API 接口参考 | MDN
- 认识Javascript中的navigator对象以及检测浏览器类型和版本,获取浏览器版本号,检测客户端操作系统 - 你为什么不努力的专栏 - CSDN博客
- 通过userAgent判断手机浏览器类型 - 好饱的博客 - 程序员博客
- appCodeName、appName、appMinorVersion、appVersion、userAgent等navigator对象详细介绍 | 百恒网络
- HEAD - HTTP | MDN
¥JavaScript
- JavaScript | MDN
- JavaScript | MDN
¥Property
- Object.defineProperty() - JavaScript | MDN
- Object.defineProperty() | MDN
- Object.defineProperties() | MDN
- Object.getOwnPropertyDescriptor() | MDN
- Object.getOwnPropertyDescriptors() | MDN
¥Promise
promise core
- Promise - JavaScript | MDN
- 使用 Promises - JavaScript | MDN
- Promise - JavaScript | MDN
- Promise - 廖雪峰的官方网站
- .promise() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
- Promise 对象 - ECMAScript 6入门
- JavaScript Promise:简介 | Web | Google Developers
- .promise() | jQuery API Documentation
- Promises
- deferred.always() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
- jQuery.when() | jQuery API Documentation
- JavaScript Promise迷你书(中文版)
- liubin/promises-book: JavaScript Promise迷你书
es6-promise
- stefanpenner/es6-promise: A polyfill for ES6-style Promises
bluebird
- petkaantonov/bluebird: Bluebird is a full featured promise library with unmatched performance.
promise-fun
- sindresorhus/promise-fun: Promise packages, patterns, chat, and tutorials
promise-queue
- promise-queue/promise-queue: Promise-based queue
- cnwhy/promise-queue-plus: Promise-based queue. Support timeout, retry and so on.
q
- kriskowal/q: A promise library for JavaScript
- q - npm
- kriskowal/q
microjs-q
- npmcomponent/microjs-q
promise用法&教程
- promises 很酷,但很多人并没有理解就在用了 - WEB前端 - 伯乐在线
- ES6 Promise 用法(我见过最简洁优秀的文章) - CSDN博客
- Javascript中Promise的四种常用方法总结_javascript技巧_脚本之家
- 大白话讲解Promise(三)搞懂jquery中的Promise - 吕大豹 - 博客园
- 浅析Promise用法 - 简书
- 武官尚书 - SegmentFault 思否
- ES6 Promise 用法讲解 - 掘金
- ES6 JavaScript Promise的感性认知 « 张鑫旭-鑫空间-鑫生活
- 谈谈 ES6 的 Promise 对象 - ac黄博客精选 - SegmentFault 思否
- jquery 之 Deferred 使用与实现 - 冠军 - 博客园
- jQuery的deferred对象详解 - 阮一峰的网络日志
- jQuery之Deferred对象详解 - losesea - 博客园
- 使用 Promises 编写更优雅的 JavaScript 代码 - 梦想天空(山边小溪) - 博客园
- 构建Promise队列实现异步函数顺序执行 - vcxiaohan的博客 - CSDN博客
- promise、async和await之执行顺序的那点事
- js在for循环中执行异步操作,把每次异步的结果保存在数组中,如何在循环外面使用数组? - 开源中国社区
- 彻底理解Promise对象——用es5语法实现一个自己的Promise(上篇) - 勇敢的半导体 - 博客园
- es5实现promise,多异步请求返回数据 - muamaker - 博客园
- 手写实现满足 Promise/A+ 规范的 Promise - 掘金
- 老生常谈-实现一个Promise - 掘金
- Javascript中Promise的四种常用方法总结_javascript技巧_脚本之家
- 原生es5封装的Promise对象 - 掘金
- 关于promise(一) - chenxj - 博客园
- 深入 Promise - 掘金
- ES6 Promise 执行解析 - 掘金
- JS异步编程之Promise - 掘金
- 前端异步技术之Promise - 掘金
- 如何用 Promise 自定义一个 GET 请求的函数 - 掘金
- 记一次Promise在api接口合并中的实践 - 掘金
- 刘涛的个人小站
- promise常见错误 - 掘金
- Promise 其实很简单 - 掘金
- Promise源码解析-步步为营皆可及 - 掘金
- 关于 promise 吃到错误的理解 - 另一个小菜头 - 博客园
- Promise初步详解(resolve,reject,catch) - selfimpr626 - CSDN博客
- JS异步编程之Promise详解和使用总结 - 掘金
- Promise源码解析-步步为营皆可及 - 掘金
.always
- OsoianMarcel/promise-all-always: Execute all the promises whether they resolve or reject
- hybridables/always-promise: Promisify, basically, everything. Generator function, callback-style or synchronous function; sync function that returns child process, stream or observable; directly passed promise, stream or child process.
- hybridables/always-done: Handle completion and errors with elegance! Support for async/await, promises, callbacks, streams and observables. A drop-in replacement for async-done - pass 100% of its tests plus more
- wendux/es6-promise-always: Extend method always for es6 Promise object
- Promise里在延时器里throw new Error,为什么不能被后面的reject回调或者catch捕获? - 竹晓玉的回答 - SegmentFault 思否
¥Proxy
- [译] 使用 Proxy 来监测 Javascript 中的类 - 掘金
- 使用ES6的新特性Proxy来实现一个数据绑定实例 - 掘金
- JS 中的数据代理 - 掘金
- 前端配置本地代理方法总结 - 掘金
- JavaScript 魔幻代理 - 掘金
- 「译」用 Proxy 追踪 JavaScript 类 - 掘金
- Proxy - JavaScript | MDN
- Proxy - JavaScript | MDN
- 处理器对象 - JavaScript | MDN
- 对于ES6 Proxy 用法的理解以及实例 - sunq1982的博客 - CSDN博客
- Proxy - ECMAScript 6入门
¥Reflect对象
- Reflect - ECMAScript 6入门
- es6 Reflect对象详解 - 前端菜鸟111 - 博客园
- es6 Proxy对象详解 - 前端菜鸟111 - 博客园
- Object方法与Reflect - 掘金
- ES6新特性:Javascript中的Reflect对象 - 方方和圆圆 - 博客园
- JS 中的 Reflect 和 Proxy - 掘金
- Reflect - JavaScript | MDN
reflect-metadata
- rbuckton/reflect-metadata: Prototype for a Metadata Reflection API for ECMAScript
- Metadata Proposal - ECMAScript
- reflect-metadata - npm
¥Selection、Range
- Selection.setBaseAndExtent() - Web API 接口参考 | MDN
- Selection - Web API 接口参考 | MDN
- Range - Web API 接口参考 | MDN
- Range - Web APIs | MDN
¥Web Worker/Service Worker
ServiceWorker
- violinux666/webpack-sw-plugin: plugin for webpack4 , Be quickly and easily to build a ServiceWorker webapp you can access it offline
- 利用ServiceWorker实现页面的快速加载和离线访问 - 掘金
- 精读《Caches API》 - 掘金
workerize
- developit/workerize: 🏗️ Run a module in a Web Worker.
- developit/workerize-loader: 🏗️ Automatically move a module into a Web Worker (Webpack loader)
bthreads
- chjj/bthreads: worker threads for javascript
EasyWorker
- zhangyuanwei/EasyWorker: Make web worker easy to use.
- 怎么在 ES6+Webpack 下使用 Web Worker - 掘金
- Web Worker、Service Worker 和 Worklet - 前端 - 掘金
- 通过定时器、时间分片、Web Worker优化长任务 - 掘金
¥Web API 接口
¥WindowTimers
requestAnimationFrame
- window.requestAnimationFrame() - Web APIs | MDN
- requestAnimationFrame/cancelAnimationFrame——性能更好的js动画实现方式 - 掘金
- 【译】前端requestAnimationFrame概述 - 掘金
- 你知道的requestAnimationFrame【从0到0.1】 - 掘金
- 深入理解定时器系列第二篇——被誉为神器的requestAnimationFrame - 小火柴的蓝色理想 - 博客园
- window.setTimeout - Web API 接口参考 | MDN
- WindowOrWorkerGlobalScope.clearTimeout() - Web APIs | MDN
- window.setInterval - Web API 接口参考 | MDN
- WindowOrWorkerGlobalScope.setInterval() - Web APIs | MDN
- WindowOrWorkerGlobalScope.clearInterval() - Web APIs | MDN
- User Timing Level 2
- setTimeout的第三个参数你可能不知道的作用-前端开发博客
¥Web Storage
- Window.localStorage - Web API 接口参考 | MDN
- 使用 Web Storage API - Web API 接口参考 | MDN
- LocalStorage - Web API 接口参考 | MDN
- Window.sessionStorage - Web APIs | MDN
- Window.sessionStorage - Web API 接口参考 | MDN
- Using the Web Storage API - Web APIs | MDN
- Window.localStorage - Web APIs | MDN
- localStorage使用总结 - 谢灿勇 - 博客园
¥with
- with - JavaScript | MDN
¥XHR
ajax参数
- jQuery ajax——参数详解 - 简书
- jquery ajax 方法及各参数详解 - high_grade - 博客园
- jQuery.ajax() 函数详解 - CodePlayer
- AJAX状态值与状态码 - G.N&K - 博客园
- ajax post data 获取不到数据,注意 content-type的设置 、post/get - Vinton.Liu - 博客园
- Jquery Post提交时Content-Type的不同取值详解 - CSDN博客
- $.ajax 中的contentType - htoooth - 博客园
- jQuery中Ajax事件beforesend及各参数含义 - 午时的海 - 博客园
- jquery ajax 方法及各参数详解 - jayleke - 博客园
- jquery.ajax之beforeSend方法(解决进度条, "请稍后"提示等……) - CSDN博客
- AJAX:success,error,complete,beforeSend使用例子及解释 - CSDN博客
- $.ajax的error,complete,success方法 - 郑星阳 - ITeye博客
- 触碰jQuery:AJAX异步详解 - 滴答的雨 - 博客园
- $.ajax({})方法success,error,complete,beforeSend使用例子及解释 - CSDN博客
- jquery ajax中success与complete的执行顺序 - CSDN博客
- jquery四种请求方式 - CSDN博客
- 表单和ajax中的post请求&&后台获取数据方法(深度好文) - CSDN博客
- 使用POST请求跳转页面 - CSDN博客
- javascript - 如何在网页中POST任意内容并跳转 - SegmentFault 思否
- ajax取到data的值 - CSDN博客
- jQuery Ajax 实例 全解析 - 吊儿郎当 - 博客园
- jQuery之Ajax--全局Ajax事件处理器 - 王甘林 - 博客园
- ajax系列之用jQuery的ajax方法向服务器发出get和post请求 - yangtoude - 博客园
- 在jquery的ajax方法中的success中使用return要注意的问题 - CSDN博客
- jQuery ajaxSubmit 实现ajax提交表单局部刷新_jquery_脚本之家
- jQuery Ajax 设置请求头 - CSDN博客
- jquery ajax设置header的两种方式 - CSDN博客
- jQuery在header中设置请求信息的方法_jquery_脚本之家
- jQuery Ajax 实例 全解析 - 吊儿郎当 - 博客园
- jQuery.ajaxSetup() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
- jquery ajax获取全局beforeSend方法问题-CSDN论坛
- jQuery.ajax() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
- jQuery Ajax 全解析-WEB前端开发
- jquery ajax contentType 简单实用 - 痕迹 - CSDN博客
ajax高级
JSONP
- afeld/jsonp: A proxy to help with cross-domain requests
- loshafee/jsonp: a jsonp module using promise
- hideden/ngx_http_jsonp_callback: nginx append jsonp callback module.
- JSONP 教程 | 菜鸟教程
- jquery - jsonp callback problem - Stack Overflow
- ajax JSONP请求处理回调函数jsonpCallback区分大小写-阿里云资讯网
- jsonp处理跨域 - 小小蔡芽 - 博客园
- ajax-JSONP跨域请求,success_jsonpCallback没有执行——CSDN问答频道
- 网页上的jsonpcallback=?,这个值怎么来的?-CSDN论坛
- jsonp和callback的使用 - linli1991的博客 - CSDN博客
- JQuery的jsonp的success与jsonpCallback的关系 - 没有发条的橙 - 博客园
- jsonp和jsonpcallback的使用 - 张瑞奇 - 博客园
- JSONProxy
- $.ajax()引发的对Deferred的总结 - 思思博士 - 博客园
- 总结Ajax同步执行的方法 - 永远都要奋斗 - 博客园
- JSONP实现Ajax跨域cross-domain访问 - princeoicq - 博客园
- 使用JQuery Deferred对象的then() 解决多个AJAX操作顺序依赖的问题 - CSDN博客
- AJAX知识总结 - CSDN博客
- 原生ajax中post方式数据传递方式 - CSDN博客
- $.ajax().always() or $.ajax().complete() - jQuery Forum
- ajax与HTML5 history pushState/replaceState实例 « 张鑫旭-鑫空间-鑫生活
- 关于ajax异步获取服务器信息乱码情况 - CSDN博客
- ajax获取数据中文乱码问题最简单的完美解决方案 - CSDN博客
- jquery的ajax的dataFilter参数的使用
- Cross-Origin Resource Sharing (CORS)跨域资源共享 - CSDN博客
- jquery ajax作为deferred对象如何触发progress?..._慕课问答
- js中XMLHttpRequest对象实现GET、POST异步传输 - 猿客 - 博客园
- AJAX请求 $.ajaxSetup方法的使用 - pursuer211的专栏 - CSDN博客
ajax上传下载
- ajax请求二进制流图片并渲染到html中img标签 - CSDN博客
- ajax实战:(ajax异步下载文件)请求二进制流进行处理 - CSDN博客
- Ajax请求二进制流进行处理(ajax异步下载文件)的简单方法_AJAX相关_脚本之家
- 关于ajaxFileUpload图片上传,success和error都触发的情况 - 安慕希 - 博客园
- Ajax方式上传文件 - jiangxiaobo - 博客园
- 使用ajax提交form表单,包括ajax文件上传 - 朱小杰 - 博客园
- input type=file accept中可以限制的文件类型 - 每天进步多一点 - 博客园
- 文件各种上传,离不开的表单 - 农码一生 - 博客园
- ajax获取后台图片数据流如何处理? - Gemini_llw的博客 - CSDN博客
- Ajax请求无法下载文件的原因 - 大头之家 - CSDN博客
ajax common
数据缓存
- 在ie中关于ajax请求获得数据缓存问题的解决办法 - 岚枫 - CSDN博客
- 解决IE下Ajax请求无效 - andywangguanxi - 博客园
- 谈谈IE针对Ajax请求结果的缓存 - Artech - 博客园
- jQuery+ajax实现局部刷新的两种方法_jquery_脚本之家
- 自定义input type=file 样式 美化input type=file 改变input type=file控件“丑陋面貌” - CSDN博客
- Ajax 通过城市名获取数据(全国天气预报API)_AJAX相关_脚本之家
- 如何用 GET 方法,提交一个数组_百度知道
ajax-hook
- wendux/Ajax-hook: Intercepting browser's AJAX requests which made by XMLHttpRequest.
- Ajax-hook 原理解析 - 简书
- Js 拦截全局ajax请求 - 简书
ajaxmin
- Microsoft Ajax Minifier - CodePlex Archive
superagent
- visionmedia/superagent: Ajax for Node.js and browsers (JS HTTP client)
- SuperAgent — elegant API for AJAX in Node and browsers
xmlhttprequest
- ilinsky/xmlhttprequest: XMLHttpRequest.js - Standard-compliant cross-browser XMLHttpRequest object implementation
- www.ilinsky.com/articles/XMLHttpRequest/
XMLHttpRequest各属性
- AJAX请求时status返回状态明细表 - 我爱吃小丸子 - 博客园
- jquery post时content-type的几种取值 - 郑星阳 - ITeye博客
- http - application/x-www-form-urlencoded or multipart/form-data? - Stack Overflow
- XMLHttpRequest 的 responseType 属性 - yudldl的博客 - CSDN博客
- javascript快速入门23--XHR—XMLHttpRequest对象 - 水之原 - 博客园
- XMLHTTPRequest状态status完整列表 | 异萝松的技术博客
- 原生Ajax的代码实现及状态码总结 - CSDN博客
- XMLHttpRequest.abort() - Web API 接口 | MDN
- XMLHttpRequest | MDN
- Using XMLHttpRequest - Web APIs | MDN
- Ajax技术的一些总结 - 掘金
GlobalAjaxListener
- ulyn/GlobalAjaxListener: 监听页面全局ajax请求的插件,可以做很多的事情~
- Ajaxload - Ajax loading gif generator
- [ 造轮子 ] 手动封装 AJAX (三) —— 最终版 - 掘金
¥原生API
a标签属性
- <a> - HTML(超文本标记语言) | MDN
- a标签属性 rel="noopener noreferrer" - iiiiiiiiiiii9的专栏 - CSDN博客
- 网站使用 rel="noopener" 打开外部锚 - 码不能停 - 博客园
- 聊聊 rel=noopener - 掘金
- 什么是rel =“noopener”属性?对网站有什么影响 - 里维斯社
script
- <script>: The Script element - HTML: Hypertext Markup Language | MDN
input
- <input type="file"> - HTML: Hypertext Markup Language | MDN
- <input>: The Input (Form Input) element - HTML: Hypertext Markup Language | MDN
button
- <button>: The Button element - HTML: Hypertext Markup Language | MDN
¥宽高、位置
- Element.getBoundingClientRect() - Web API 接口参考 | MDN
- CSSOM View Module
- Element.getClientRects() - Web API 接口参考 | MDN
¥观察者、监视者
¥IntersectionObserver
polyfill
- IntersectionObserver/polyfill at master · w3c/IntersectionObserver
- que-etc/intersection-observer-polyfill: A polyfill of IntersectionObserver API
- jeremenichelli/intersection-observer-polyfill: Polyfill for native IntersectionObserver API
- w3c/IntersectionObserver: API Sketch for Intersection Observers
- Intersection Observer
- IntersectionObserve初试 - 掘金
- intersection-observer - npm
- 前端曝光数据埋点——Intersection Observer+vue指令 - 掘金
¥MutationObserver
MutationObservers
- googlearchive/MutationObservers: Mutation Observers Polyfill
- DOM Standard
- 来一波原生的观察者模式 | MutationObserver - 掘金
¥Object.observe
- MaxArt2501/object-observe: Object.observe polyfill
- jdarling/Object.observe: Object.observe polyfill/shim trying to be compliant
- JS中的观察者们 —— 四种 Observers - 前端 - 掘金
- 监听者模式实战应用 - 掘金
¥词汇表、术语表
- Truthy - 术语表 | MDN
- 术语表 | MDN
- Internet Assigned Numbers Authority
- Media Types
- Media type - Wikipedia
¥文件、数据、编码解码
¥ArrayBuffer
- ArrayBuffer - JavaScript | MDN
- ArrayBuffer - JavaScript | MDN
- ArrayBufferView - Web APIs | MDN
- 关于二进制的一点小思考 - 掘金
¥Blob
- Blob - Web APIs | MDN
- Blob - Web API 接口参考 | MDN
- 细说Web API中的Blob - 掘金
- js 获取图片url的Blob值并预览 - Tiac - 博客园
¥Document
- 理解DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型 « 张鑫旭-鑫空间-鑫生活
- 理解DOM到底是什么 - 掘金
- 详细了解文档对象模型(DOM) - 掘金
¥DOMString
- DOMString - Web APIs | MDN
¥DataView
- DataView - JavaScript | MDN
- DataView - JavaScript | MDN
¥File
DataTransfer
- DataTransfer - Web API 接口参考 | MDN
FileList
- FileList - Web API 接口参考 | MDN
FileReader
- FileReader - Web API 接口参考 | MDN
FileSystem
filer.js
- ebidel/filer.js: A wrapper library for the HTML5 Filesystem API what reuses UNIX commands (cp, mv, ls) for its API.
- File API: Directories and System
- File API: Directories and System
- Exploring the FileSystem APIs - HTML5 Rocks
- The Synchronous FileSystem API for Workers - HTML5 Rocks
FileAPI
- File API
- File API: Writer
- File - Web API 接口参考 | MDN
¥FormData
- henryluki/FormData: FormData support where window.FormData is undefined
- FormData - Web APIs | MDN
- FormData - Web API 接口 | MDN
- FormData 对象的使用 - Web API 接口 | MDN
- 关于 FormData - 前端 - 掘金
- Web 前沿——HTML5 Form Data 对象的使用 - 梦想天空(山边小溪) - 博客园
¥Media
- MediaStream Image Capture
- Media queries - CSS: Cascading Style Sheets | MDN
¥TypedArray
- JavaScript typed arrays - JavaScript | MDN
- TypedArray - JavaScript | MDN
- TypedArray - JavaScript | MDN
- Uint8Array - JavaScript | MDN
- Uint8Array to string in Javascript - Stack Overflow
- 【ReactNative/JS】uint8array转string convert uint8array to string_Teng's world-CSDN博客
¥编码解码
编码解码 core
Base64
Base64.js
- davidchambers/Base64.js: Polyfill for browsers which don't provide window.btoa and window.atob
js-base64
- dankogai/js-base64: Base64 implementation for JavaScript
- RFC 4648 - The Base16, Base32, and Base64 Data Encodings
- Base64 encoding and decoding - Web APIs | MDN
- Base64 encoding and decoding - Web APIs | MDN
- Base64 - Wikipedia
- Base64的编码与解码 - Web API 接口参考 | MDN
- 浅入深出,原生API实现SVG 转 BASE64 - 掘金
Crypto
- Crypto - Web APIs | MDN
TextEncoder & TextDecoder
- TextDecoder - Web APIs | MDN
- TextEncoder - Web APIs | MDN
Unicode
- 浅谈Unicode编码格式和代码中的应用 - Android - 掘金
- Unicode - 维基百科,自由的百科全书
- 彻底弄懂 Unicode 编码
- 浅谈Unicode编码格式和代码中的应用 | 兰
- 关于Unicode和URL encoding入门的一切以及注意事项 - hh54188 - 博客园
- Unicode编码转换 - 站长工具
URI编码解码
- encodeURI() - JavaScript | MDN
- URI - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
- URIScheme - Archive of obsolete content | MDN
- Data URLs - HTTP | MDN
- UrlEncode编码/UrlDecode解码 - 站长工具
- js对url进行编码和解码(三种方式区别) - 入世桃源人 - 博客园
- 简单明了区分escape、encodeURI和encodeURIComponent - 哎呦大黄 - 博客园
- 关于URL编码 - 阮一峰的网络日志
window.atob & window.btoa
- window.btoa - Web API 接口参考 | MDN
- window.atob - Web API 接口参考 | MDN
- window.atob()与window.btoa()方法实现编码与解码 - 风雨后见彩虹 - 博客园
字符集编码
- 查看字符编码(UTF-8)
- 关于字符编码你应该知道的事情 - 掘金
编码解码 lib
text-encoding
- inexorabletash/text-encoding: Polyfill for the Encoding Living Standard's API
encoding
- whatwg/encoding: Encoding Standard
- Encoding Standard
- Code of Conduct — WHATWG
- wpt/encoding at master · web-platform-tests/wpt
- 在线编码解码_911查询
- 急速入门前端编码知识 - 掘金
- HTML Standard
- Components.utils.importGlobalProperties - Mozilla | MDN
- StringView - Archive of obsolete content | MDN
- StringView - Archive of obsolete content | MDN
¥通信
BroadcastChannel
- 【3分钟速览】前端广播式通信:Broadcast Channel - 掘金
- 面试官:前端跨页面通信,你知道哪些方法? - 掘金
postMessage
- window.postMessage | MDN
¥API兼容性
¥ES兼容
¥ES兼容 core
mdn-polyfills
- msn0/mdn-polyfills: MDN polyfills - from, forEach, filter, find, findIndex, assign, includes, create, entries, of, repeat, startsWith, endsWith, toggleAttribute, bind, MouseEvent, CustomEvent, padEnd, padStart
- Polyfills copy-pasted from MDN | Check Polyfills copy-pasted from MDN
- @babel/polyfill · Babel
- @babel/plugin-transform-runtime · Babel
- @babel/polyfill 与 @babel/plugin-transform-runtime 详解 · Issue #4 · Weiyu-Chen/blog
- @babel/preset-env · Babel
- Show me the code,babel 7 最佳实践! · Issue #5 · Weiyu-Chen/blog
¥polyfill
async-listener
- othiym23/async-listener: polyfill version of the 0.11 version of the asyncListener API
- async-listener - npm
es6-micro-loader
- caridy/es6-micro-loader: ES6 System Loader Polyfill
import.js
- WebReflection/import.js: A dynamic import() polyfill
String.prototype.startsWith
- mathiasbynens/String.prototype.startsWith: A robust & optimized ES3-compatible polyfill for the `String.prototype.startsWith` method in ECMAScript 6.
speech-synthesis
- janantala/speech-synthesis: Speech Synthesis polyfill
- speech-synthesis
- ambit-tsai/es6-proxy-polyfill: Proxy polyfill based on ES3 supports IE8, Node.js, etc.
- es-shims/es5-shim: ECMAScript 5 compatibility shims for legacy (and modern) JavaScript engines
- paulmillr/es6-shim: ECMAScript 6 compatibility shims for legacy JavaScript engines
- sophiebits/es3ify: Browserify transform to convert ES5 syntax to be ES3-compatible.
- benlesh/symbol-observable: Symbol.observable ponyfill
- taylorhakes/promise-polyfill: Lightweight ES6 Promise polyfill for the browser and node. A+ Compliant
- GoogleChrome/proxy-polyfill: Proxy object polyfill
- mozilla/webextension-polyfill: A lightweight polyfill library for Promise-based WebExtension APIs in Chrome
- ModuleLoader/es-module-loader: Polyfill for the ES Module Loader
- constancecchen/object-fit-polyfill: A Javascript polyfill for browsers that don't support the object-fit CSS property.
- lahmatiy/es6-promise-polyfill: ES6 Promise polyfill
- slightlyoff/Promises: DOM Promises IDL/polyfill
- kpdecker/six-speed: ES6 polyfill vs. feature performance tests
- medikoo/es6-symbol: ECMAScript 6 Symbol polyfill
- getify/native-promise-only: A polyfill for native ES6 Promises as close as possible (no extensions) to the strict spec definitions.
- matthewp/script-type-module: A <script type=module> polyfill
- fhinkel/six-speed: ES6 polyfill vs. feature performance tests
- teropa/to-sting: Object.toSting() polyfill
¥浏览器兼容
CSS
- [译] 浏览器中 CSS 支持指南 - 掘金
HTML5 测试
- HTML5test - How well does your browser support HTML5?
- HTML5test - How well does your browser support HTML5?
- sitevalidator.com
IE测试工具
- olivernn/augment.js: Modern JavaScript in your IE
- Augment.js - Modern JavaScript
- gtakat/modern-ie-automate: modern.ie auto launch script
- hnakamur/modern.ie.virtualbox.scripts: setup and start modern.ie virtual machines
- rodrigocorral/modern.ie-ie-plugin
- carloszapata/modern.IE-static-code-scan
- azl397985856/file-writer: fileWriter tool base on web browser by using HTML5 interface(download attr), support mostly modern browser including IE 10+
- charsleysa/zero: Zero began as a fork of Zepto but its inner workings have changed to be compatible with all modern browsers including IE with performance improvements.
- markhuber/modern-ie-vagrant: Vagrant based Modern.IE VMs
- suderman/modernizr-ie: Modernizr tests to check the version of Internet Explorer
- IE 浏览器各个版本 JavaScript 支持情况一览表 - 梦想天空(山边小溪) - 博客园
- 判断IE版本的HTML语句详解,如:[if lte IE 9]……[endif]_网页制作_西部e网
- window.location在IE中路径问题 - cuiyaoqiang的博客 - CSDN博客
- IE11的userAgent - 开心就好的专栏 - CSDN博客
- IE11 修改默认User-Agent方法 - . - CSDN博客
- windows10下的浏览器userAgent - penwa的博客 - CSDN博客
- IE10、IE11 User-Agent 网站无法写入Cookie 问题[转] - 偷偷有码 - 博客园
- UA对照表 - 纸上得来终觉浅 - CSDN博客
- IE与其他浏览器的区别 - a464064368的博客 - CSDN博客
js事件与功能
- javascript事件与功能说明大全 - 常用参考表对照表 - 脚本之家在线工具
- JS事件那些事儿 一次整明白 - 掘金
- window.onbeforeunload,浏览器关闭提示,兼容IE、FF、Chrome - 陕北好地方 - ITeye博客
- Javascript中target事件属性,事件的目标节点的获取。 - dearxiangxiao - 博客园
- JS获取事件的目标 - e.e.p - 博客园
- 初识onkeydown及其兼容性问题 - 极客神殿 - CSDN博客
- jQuery.event兼容各浏览器的event详细解析 - u012028371的博客 - CSDN博客
- 关于event 和 window.event问题及浏览器兼容问题 - ryelqy的博客 - CSDN博客
- e = e || window.event的区别及用法。 - qq_41348029的博客 - CSDN博客
- event的IE兼容性处理 - 碎语1992 - CSDN博客
polyfill
audio-recorder-polyfill
- ai/audio-recorder-polyfill: MediaRecorder polyfill to record audio in Edge and Safari
- Media Recorder Polyfill
AdapterJS
- Temasys/AdapterJS: AdapterJS Javascript Polyfill and Tools for WebRTC - Skylink WebRTC
- SkylinkJS Web SDK » Temasys.io
audioworklet-polyfill
- GoogleChromeLabs/audioworklet-polyfill: 🔊 Polyfill AudioWorklet using the legacy ScriptProcessor API.
- https://googlechromelabs.github.io/audioworklet-polyfill/
better-dateinput-polyfill
- chemerisuk/better-dateinput-polyfill: input[type=date] polyfill for better-dom
- better-dateinput-polyfill demo
background-size-polyfill
- louisremi/background-size-polyfill: Adds support for background-size "cover" and "contain" to IE8
- Stretch background image using CSS3 background-size, in IE8 too.
Captionator
- cgiffard/Captionator: HTML5 polyfill for closed captioning with the <track> element, and implements the WHATWG Timed Text Track specification.
- Captionator.js
CSS.escape
- mathiasbynens/CSS.escape: A robust polyfill for the CSS.escape utility method as defined in CSSOM.
CSS3.js
- gucong3000/CSS3.js: CSS3 polyfill
- Css3.js by gucong3000
custom-elements
- webcomponents/custom-elements: A polyfill for HTML Custom Elements v1
- Polyfills - webcomponents.org
css3-mediaqueries-js
- livingston/css3-mediaqueries-js: CSS3 Media Queries Shim
- Google Code Archive - Long-term storage for Google Code Project Hosting.
css-paint-polyfill
- GoogleChromeLabs/css-paint-polyfill: A polyfill for the CSS Paint API, with special browser optimizations.
- https://googlechromelabs.github.io/css-paint-polyfill/
CustomElements
- googlearchive/CustomElements: Custom Elements Polyfill
- Custom Elements
css-regions-polyfill
- adobe-webplatform/css-regions-polyfill: Experimental CSS Regions polyfill written in JavaScript
- CSS Regions JavaScript Polyfill
css-variables-polyfill
- aaronbarker/css-variables-polyfill: A basic polyfill for CSS Variables/custom-properties
core-estimator
- oftn-oswg/core-estimator: Cross-browser polyfill for navigator.hardwareConcurrency
- navigator.hardwareConcurrency polyfill
clipboard-polyfill
- lgarron/clipboard-polyfill: Sane copying on the web, with maximum browser compatibility.
- clipboard-polyfill
- clipboard-polyfill/Conclusions.md at master · lgarron/clipboard-polyfill
document.scrollingElement
- mathiasbynens/document.scrollingElement: A polyfill for document.scrollingElement as defined in the CSSOM specification.
datalist-polyfill
- mfranzke/datalist-polyfill: Minimal and dependency-free vanilla JavaScript polyfill for the awesome datalist-functionality
- datalist polyfill demo
flexibility
- jonathantneal/flexibility: A JavaScript polyfill for Flexbox
- Flexibility
focus-visible
- WICG/focus-visible: Polyfill for `:focus-visible`
- focus-visible class demo
gray
- karlhorky/gray: Make an image grayscale in all browsers
- Gray
html5slider
- fryn/html5slider: <input type=range> polyfill for Firefox
- html5slider: <input type=range> for Firefox
HTML5-Progress-polyfill
- LeaVerou/HTML5-Progress-polyfill: Polyfill for the HTML5 <progress> element
- HTML5 <progress> polyfill by Lea Verou
hidpi-canvas-polyfill
- jondavidjohn/hidpi-canvas-polyfill: A JavaScript drop-in module to polyfill consistent and automatic HiDPI Canvas support.
- HiDPI Canvas Polyfill by jondavidjohn
iphone-inline-video
- bfred-it/iphone-inline-video: 📱 Make videos playable inline on the iPhone (prevents automatic fullscreen)
- iphone-inline-video - npm
imagecapture-polyfill
- GoogleChromeLabs/imagecapture-polyfill: MediaStream ImageCapture polyfill. Take photos from the browser as easy as .takePhoto().then(processPhoto)
- MediaStream ImageCapture polyfill demo
jquery.backgroundSize.js
- louisremi/jquery.backgroundSize.js: DEPRECATED, please use its successor: background-size polyfill
jquery-details
- mathiasbynens/jquery-details: World’s first <details>/<summary> polyfill™
- Bulletproof HTML5 <details> fallback using jQuery · Mathias Bynens
keyboardevent-key-polyfill
- cvan/keyboardevent-key-polyfill: polyfill for `KeyboardEvent.prototype.key`
- keyboardevent-key-polyfill demo
local-storage-js
- wojodesign/local-storage-js: Cross Browser HTML5 Local Storage Polyfill
- Full Service Web Agency | Wojo Design | Wojo Design
multirange
- LeaVerou/multirange: A tiny polyfill for HTML5 multi-handle sliders
- Multirange: A tiny polyfill for HTML5 multi-handle sliders.
myth
- segmentio/myth: A CSS preprocessor that acts like a polyfill for future versions of the spec.
- Myth - CSS the way it was imagined.
Navigator.sendBeacon
- miguelmota/Navigator.sendBeacon: Polyfill for Navigator.sendBeacon()
notification.js
- MrSwitch/notification.js: A shim polyfill for adding notifications to browsers which offer limited support
- notification.js
nodep-date-input-polyfill
- brianblakely/nodep-date-input-polyfill: Automatically adds datepickers to input[type=date] on IE, macOS Safari, and legacy browsers.
- nodep-date-input-polyfill - npm
number-polyfill
- jonstipe/number-polyfill: A polyfill for implementing the HTML5 <input type="number"> element in browsers that do not currently support it.
object-fit-images
- bfred-it/object-fit-images: 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ...
- object-fit-images - npm
Placeholders.js
- jamesallardice/Placeholders.js: A JavaScript polyfill for the HTML5 placeholder attribute
- Placeholders.js - An HTML5 placeholder attribute polyfill
polyfill-service
- Financial-Times/polyfill-service: Automatic polyfill service.
- Polyfill.io
picturePolyfill
- verlok/picturePolyfill: Real picture tag polyfill, to use responsive images today!
- Responsive images using verlok/picturePolyfill - by Andrea Verlicchi
rangeslider.js
- andreruffert/rangeslider.js: 🎚 HTML5 input range slider element polyfill
- rangeslider.js
REM-unit-polyfill
- chuckcarpenter/REM-unit-polyfill: A polyfill to parse CSS links and rewrite pixel equivalents into head for non supporting browsers
- Rem-unit-polyfill by chuckcarpenter
stickybits
- dollarshaveclub/stickybits: Stickybits is a lightweight alternative to `position: sticky` polyfills 🍬
- Stickybits
smoothscroll
- iamdustan/smoothscroll: Scroll Behavior polyfill
- Smooth Scroll behavior polyfill
showModalDialog
- niutech/showModalDialog: window.showModalDialog polyfill using a <dialog> element
- showModalDialog polyfill demo
undom
- developit/undom: 🍩 1kb minimally viable DOM Document implementation
- undom - npm
Web-Components-Polyfill
- dglazkov/Web-Components-Polyfill: IMPORTANT: Use http://polymer-project.org/ instead. Their stuff is better.
webvr-polyfill
- immersive-web/webvr-polyfill: Use WebVR today, without requiring a special browser build.
- WebVR Polyfill Demo
webcomponentsjs
- webcomponents/webcomponentsjs: A suite of polyfills supporting the HTML Web Components specs
- Polyfills - webcomponents.org
- paulmillr/console-polyfill: Browser console methods polyfill.
- RubyLouvre/fetch-polyfill: fetch polyfill which supports all mainstream browsers, even IE6, IE7, IE8.....
- aFarkas/html5shiv: This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
- The Story of the HTML5 Shiv - Paul Irish
- paulirish/matchMedia.js: matchMedia polyfill for testing media queries in JS
- scottjehl/Respond: A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
- html5shiv.js和respond.min.js - 自_定义 - 博客园
- philipwalton/polyfill: A library to make creating CSS polyfills much easier.
- GoogleChrome/dialog-polyfill: Polyfill for the HTML dialog element
- wilddeer/stickyfill: Polyfill for CSS `position: sticky`
- Schepp/CSS-Filters-Polyfill: This polyfill takes the official CSS filters syntax and translates it to the different equivalent techniques that the browsers know for those effects
- kmewhort/pointer_events_polyfill: Polyfill to provide support for "pointer-events: none".
- ginader/HTML5-placeholder-polyfill: Small and robust polyfill for the HTML5 placeholder attribut.
- mozilla/webxr-polyfill: A polyfill and example code for building augmented reality (AR) and virtual reality (VR) applications using WebXR.
- borismus/srcset-polyfill: [Warning: not for production code]
- ckrack/scrollsnap-polyfill: A polyfill for CSS scroll snapping
- chrisdickinson/raf: requestAnimationFrame polyfill library
- adobe-webplatform/css-shapes-polyfill: Polyfill for the CSS Shapes Specification
- GoogleChromeLabs/tti-polyfill: Time-to-interactive polyfill
- google/canvas-5-polyfill: HTML 5 Canvas Polyfill
- jimmywarting/FormData: HTML5 `FormData` polyfill for Browsers.
- darius/requestAnimationFrame: Polyfill for requestAnimationFrame/cancelAnimationFrame
- jugglinmike/srcdoc-polyfill: A shim for the iFrame "srcdoc" attribute
- progers/pathseg: SVGPathSeg polyfill
- matthewp/position--sticky-: Polyfill for position: sticky;
- FremyCompany/css-regions-polyfill: A javascript implementation of the CSS Regions specification, as of August 2013
- nicjansma/usertiming.js: UserTiming polyfill
- GoogleChrome/inert-polyfill: Polyfill for the HTML inert attribute
- jonathantneal/EventListener: EventListener Polyfill for IE
- PM5544/scoped-polyfill: Vanilla JavaScript polyfill for scoped style in HTML5, also works with jQuery if you want to.
- googlearchive/HTMLImports: Polyfill implementing the HTMLImports specification
- immersive-web/webxr-polyfill: Use the WebXR Device API today, providing fallbacks to native WebVR 1.1 and Cardboard
- Fyrd/purejs-datalist-polyfill: A pure JS (no jQuery required) implementation of the HTML5 datalist element
- TimPietrusky/background-clip-text-polyfill: A SVG polyfill for -webkit-background-clip: text
- javan/details-element-polyfill: <details>
- mo/abortcontroller-polyfill: Polyfill for the AbortController DOM API and abortable fetch (stub that calls catch, doesn't actually abort request).
- EventSource/eventsource: EventSource client for Node.js and Browser (polyfill)
- facebookarchive/IndexedDB-polyfill: IndexedDB polyfill (via Web SQL Database)
- WICG/inert: Polyfill for the inert attribute and property.
- krambuhl/custom-event-polyfill: Polyfill for creating CustomEvents on IE9/10/11 if native implementation is missing.
- ngx-translate/i18n-polyfill: A speculative polyfill to support i18n code translations in Angular
- bramstein/fontloader: A fontloader polyfill
- tysonmatanich/elementQuery: An element query polyfill you can use today.
- closingtag/calc-polyfill: A Polyfill for CSS3 calc()
- jonathantneal/fitie: An object-fit polyfill for Internet Explorer
- googlearchive/platform: Integrate platform polyfills: load, build, test
- ftlabs/ftcolumnflow: A polyfill that fixes the inadequacies of CSS column layouts
- webcomponents/html-imports: HTML Imports polyfill
- jquery/PEP: Pointer Events Polyfill: a unified event system for the web platform
- filamentgroup/Overthrow: A tiny, no-frills, framework-independent, targeted overflow: auto polyfill for use in responsive design.
- aFarkas/requestIdleCallback: A requestIdleCallback shim/polyfill
- WebReflection/document-register-element: A stand-alone working lightweight version of the W3C Custom Elements specification
- dumbmatter/fakeIndexedDB: A pure JS in-memory implementation of the IndexedDB API
- aFarkas/respimage: respimage is a responsive images polyfill, that loads your images fast and responsibly
- doctyper/reflexie: A grown-up polyfill for a grown-up flexbox.
- jonstipe/color-polyfill: A polyfill for implementing the HTML5 <input type="color"> element in browsers that do not currently support it.
- filamentgroup/snapper: A CSS Snap-Points based carousel (and lightweight polyfill)
- tomdale/ember-network: Universal fetch() polyfill (FastBoot and browser) for Ember apps
- tbosch/autofill-event: A polyfill to fire a change event when the browser auto fills form fields
- Rob--W/chrome-api: Polyfills, libraries and patches to aid Chrome extension developers.
- boyofgreen/ManUp.js: ManUp.js is a polyfill to support the Manifest for Web Apps
- medikoo/next-tick: Environment agnostic nextTick polyfill
- deltakosh/handjs: Hand.js is a polyfill for supporting pointer events on every browser
- weblinc/media-match: Test css media queries in javascript. A faster polyfill for matchMedia support. Follow the project on Twitter @mediamatchjs.
- developit/task-worklet: Task Worklet: explainer, polyfill and demos.
- freqdec/fd-slider: An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution
- Stryzhevskyi/rangeSlider: Simple, small and fast vanilla JavaScript polyfill for the HTML5 `<input type="range">` slider element.
- amvtek/EventSource: Provide polyfill to support EventSource in browser where it is not available
- mortzdk/localStorage: A localStorage polyfill, that enables persistent storage of data in every browser.
scroll-into-view-if-needed
- stipsan/scroll-into-view-if-needed: Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"
- Ponyfill for upcoming Element.scrollIntoView() APIs like scrollMode: if-needed, behavior: smooth and block: center
mdl-stepper
- ahlechandre/mdl-stepper: A library that implements to the Material Design Lite a polyfill of stepper component specified by Material Design.
- MDL Stepper
vminpoly
- saabi/vminpoly: A polyfill for CSS units vw, vh & vmin and now some media queries to boot. Works in IE5.5 and Opera Mini
- Sophisticated vw, vh & vmin example
Geolocation-API-Polyfill
- manuelbieh/Geolocation-API-Polyfill: This library provides a consistent Geolocation API for miscellaneous web browsers and also acts as polyfill. It only supports Javascript in a web browser and is not tested and will maybe not work for use in Titanium, P
- Hello! – Manuel Bieh – Freelance Developer. JavaScript. React. Node.js
cssSandpaper
- zoltan-dulac/cssSandpaper: a CSS3 Polyfill that implements CSS3 transforms, box-shadow, gradients, opacity and RGBA/HSL/HSLA colours in browser that don't support them.
- cssSandpaper – a CSS3 JavaScript Library
- alekseykulikov/touch-action: Disable 300ms delay on mobile using CSS touch-action or asynchronously download FastClick as polyfill
- DieterHolvoet/event-propagation-path: Polyfill for the JavaScript Event path/composedPath property
avif.js
- Kagami/avif.js: AVIF polyfill for the browser
- avif.js demo
tools
f2etest
- F2etest | F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。
- alibaba/f2etest: F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。
- Can I use... Support tables for HTML5, CSS3, etc
- W3Help - 兼容性 - 根本原因
- kangax/compat-table: ECMAScript 5/6/7 compatibility tables
- Kilian/electron-to-chromium: Provides a list of electron-to-chromium version mappings
渐进增强
- Progressive Enhancement: What It Is, And How To Use It? — Smashing Magazine
FAQ
- 关于Chrome浏览器document.body.scrollTop一直为0的问题-好记的博客
- chrome弹窗在双屏情况下left居中定位异常分析 - 掘金
- 浏览器兼容性问题解决方案 · 总结 - 掘金
- HTML 5 标签、属性、事件及浏览器兼容性速查表 - 梦想天空(山边小溪) - 博客园
- 五大主流浏览器 CSS3 和 HTML5 兼容性大比拼 - 梦想天空(山边小溪) - 博客园
- 兼容所有浏览器的设为首页收藏本站js代码_网页特效_进阶教程_ecshop教程_知识堂_ECSHOP模板堂
- 各主流浏览器之间的兼容性-JS篇 - 郝高胜 - 博客园
- ie不兼容的几个js问题及解决办法 - CSDN博客
- 12款很棒的浏览器兼容性测试工具推荐 - 梦想天空(山边小溪) - 博客园
- 兼容多浏览器的本地存储 - 蒋倩兰——蕙质兰心 - CSDN博客
- 常用原生JS兼容性写法汇总 - 待繁华落尽 - 博客园
- Web移动端适配总结 - 掘金
- 一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 - 小诺 - CSDN博客
¥Collection of polyfills
webshim
- aFarkas/webshim: [DEPRECATED] Webshims Lib is a modular capability-based polyfill-loading library
- Webshim
autopolyfiller
- azproduction/autopolyfiller: Autopolyfiller — Precise polyfills. This is like Autoprefixer, but for JavaScript polyfills.
- Autopolyfiller — Precise polyfills
- remy/polyfills: Collection of polyfills that I've written
- Financial-Times/polyfill-library
- Polyfill 方案的过去、现在和未来 · Issue #80 · sorrycc/blog
- ljharb/util.promisify: Polyfill/shim for util.promisify in node versions < v8
- cujojs/poly: Small, fast, awesome. The only ES5-ish set of polyfills (shims) you can mix-and-match because they're individual modules.
¥网站开发常用API
console
- console 速查手册 - 掘金
listen1-api
- listen1/listen1-api: One API for all free music in China
- listen1-api - Produce universal library with webpack and es6
经纬度
- 在线地图经度纬度查询 — 经纬度查询地名|地名查询经纬度 —GPSspg
IP
- https://ipapi.co/json
阿里云API
- 阿里云api平台 -帮助文档- 阿里云
- 阿里邮箱企业版
- FileZilla使用手册(MAC版)_网站上传/下载_用户指南_云虚拟主机-阿里云
- 主机管理平台
- 首页 - 教程中心 - 阿里云
腾讯云API
- 腾讯云文档中心 - 腾讯云
- 腾讯云开发者平台 | 技术助力开发
网易云API
- 网易云音乐 NodeJS 版 API
- Binaryify/NeteaseCloudMusicApi: 网易云音乐 Node.js API service
- disoul/electron-cloud-music: 网易云音乐 Electron 客户端
- darknessomi/musicbox: 网易云音乐命令行版本
- sqaiyan/netmusic-node: 网易云音乐接口
- sqaiyan/NeteaseMusicWxMiniApp: 仿网易云音乐APP的微信小程序
- shieldfy/API-Security-Checklist: Checklist of the most important security countermeasures when designing, testing, and releasing your API
- toddmotto/public-apis: A collective list of public JSON APIs for use in web development.
- OpenAPITools/openapi-generator: OpenAPI Generator allows generation of API client libraries (SDK generation), server stubs, documentation and configuration automatically given an OpenAPI Spec (v2, v3)
- ethereum/EIPs: The Ethereum Improvement Proposal repository
- electron/electron-api-demos: Explore the Electron APIs
- swagger-api/swagger-codegen: swagger-codegen contains a template-driven engine to generate documentation, API clients and server stubs in different languages by parsing your OpenAPI / Swagger definition.
- cloudfetch/cloudquery: Turn any website to serverless API (support SPA!)
- MZCretin/RollToolsApi: 一个提供开发中常用数据的一个稳定聚合Api接口源,运行于独立服务器,免费,且长期维护,会持续添加新的接口!
- developers.douban.com
- https://api.ipify.org/?format=json
- QQ音乐 | 移动WEB开放平台 - 接口文档
- 开放通用Api,总有你喜欢的 - 掘金
- 中国大陆可用API合集 - 工具资源 - 掘金
- HN Search powered by Algolia
短地址
- 百度短网址
- MDN Web 文档
- Web 技术文档 | MDN
- MDN Web Docs
- mdn/mdn: Meta repository that governs the MDN GitHub organization
- Web API 接口参考 | MDN
CSS framework&libs
结构型(css)
$框架、库
argon-design-system
- creativetimofficial/argon-design-system: Argon - Design System for Bootstrap 4 by Creative Tim
bulma
- jgthms/bulma: Modern CSS framework based on Flexbox
- Expo: beautiful websites designed Bulma
- Bulma - 基于 Flexbox 的现代化的 CSS 框架 - 梦想天空(山边小溪) - 博客园
materialize
- Dogfalo/materialize: Materialize, a CSS Framework based on Material Design
- Documentation - Materialize
normalize
- necolas/normalize.css: A modern alternative to CSS resets
- Normalize.css: Make browsers render all elements more consistently.
pure
papercss
- papercss/papercss: The Less Formal CSS Framework
- PaperCSS • the less formal CSS framework
Responsive Framework
spectre
- picturepan2/spectre: Spectre.css - A Lightweight, Responsive and Modern CSS Framework
- Spectre.css - A Lightweight, Responsive and Modern CSS Framework
- bradtraversy/modern_portfolio: Responsive portfolio website
- sitetent/tentcss: A CSS survival kit. Includes only the essentials to make camp.
- Materialize - 响应式 Material Design 框架 - 梦想天空(山边小溪) - 博客园
- SpaceBase – 基于 Sass 的响应式 CSS 框架 - 梦想天空(山边小溪) - 博客园
- 创建响应式布局的优秀网格工具集锦《系列五》 - 梦想天空(山边小溪) - 博客园
- 创建响应式布局的优秀网格工具集锦《系列四》 - 梦想天空(山边小溪) - 博客园
- 12款高质量的响应式 HTML5/CSS3 网站模板 - 梦想天空(山边小溪) - 博客园
- 15款免费的 HTML5/CSS3 响应式网页模板 - 梦想天空(山边小溪) - 博客园
- Schema – 模块化,响应式的前端开发框架 - 梦想天空(山边小溪) - 博客园
- 推荐12个创建响应式布局的优秀网格框架 - 梦想天空(山边小溪) - 博客园
- 30套免费的响应式 HTML5 & CSS3 模板下载 - 梦想天空(山边小溪) - 博客园
- 创建响应式布局的10款优秀网格工具集锦 - 梦想天空(山边小溪) - 博客园
- 干货分享!12款响应式的移动网站模板免费下载 - 梦想天空(山边小溪) - 博客园
- Crumpet – 使用很简单的响应式前端开发框架 - 梦想天空(山边小溪) - 博客园
templates
- Best Free Responsive Html5 Css3 Templates and Themes in 2016 - Html5xCss3
- HTML5 UP! Responsive HTML5 and CSS3 Site Templates
tailwindcss
- tailwindcss/tailwindcss: A utility-first CSS framework for rapid UI development.
- Tailwind CSS - A Utility-First CSS Framework for Rapid UI Development
tachyons
- tachyons-css/tachyons: Functional css for humans
- TACHYONS - Css Toolkit
teutonic-css
- fortrabbit/teutonic-css: A modern CSS framework — versatile, well documented.
- Teutonic CSS
¥CSS 库,样板和框架
- Skeleton: Responsive CSS Boilerplate
- Metro 4 - Popular HTML, CSS and JS library
- KNACSS by Raphaël Goetter & Alsacréations
- Pure
- Topcoat
- Profound Grid | A grid system for fixed and fluid layouts
- Compass Home | Compass Documentation
- reworkcss/rework: Plugin framework for CSS preprocessing in Node.js
- Top Pens of 2013 on CodePen
- Home - Scalable and Modular Architecture for CSS
- Susy
面向对象、一致的开发框架
- Concise CSS—Give up the bloat. Stop tripping over your classes. Be Concise.
网站头部设计
- 简洁设计,20个很有特色的网站头部设计 - 梦想天空(山边小溪) - 博客园
- 【干货分享】Google 的设计准则,素材和资源 - 梦想天空(山边小溪) - 博客园
$布局、效果
- alphardex/shiro: My CSS Creation Portfolio.
- Shiro
- 纯css模拟下雪效果 - 掘金
- 我写CSS的常用套路 - 掘金
- 请收下这72个炫酷的CSS技巧 - 掘金
- 7 种方法解决移动端 Retina 屏幕 1px 边框问题 - 前端 - 掘金
- 3D Grid Effect – 使用 CSS3 制作网格动画效果 - 梦想天空(山边小溪) - 博客园
- 你想不到的!CSS 实现的各种球体效果【附在线演示】 - 梦想天空(山边小溪) - 博客园
- 24个 HTML5 & CSS3 下拉菜单效果及制作教程 - 梦想天空(山边小溪) - 博客园
- 网页设计中手风琴效果的20个最佳实践 - 梦想天空(山边小溪) - 博客园
- 精选12个时尚的 CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 让你心动的 HTML5 & CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 8个前沿的 HTML5 & CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- Patternizer - Stripe Pattern Generator Tool
- Hover States / The home of alternative digital design
$作品、模板
H5 & CSS3 网页设计作品
- 15个前卫的 HTML5 & CSS3 网页设计作品 - 梦想天空(山边小溪) - 博客园
表现型(css)
$icon、font、logo
icon库
icon图标库
simple-icons
- simple-icons/simple-icons: SVG icons for popular brands
- Simple Icons
CSS icons
- CSS ICON -- project by Wenting Zhang
- CSS ICON: arrow right
- Cikonss | 纯CSS实现的响应式Icon
- CSS - Icon | Amaze UI
- Subway Icon Set – 306个像素完美的特制图标 - 梦想天空(山边小溪) - 博客园
- 分享50款 Android 移动应用程序图标【下篇】 - 梦想天空(山边小溪) - 博客园
- 分享50款 Android 移动应用程序图标【上篇】 - 梦想天空(山边小溪) - 博客园
feather
- feathericons/feather: Simply beautiful open source icons
- Feather – Simply beautiful open source icons
Fork-Awesome
- ForkAwesome/Fork-Awesome: A fork of the iconic font and CSS toolkit (Font-Awesome 4.7)
- Fork Awesome, a fork of the iconic font and CSS toolkit
Orion Icon Library
- The best Icon Tool - Orion Icon Library
- google/material-design-icons: Material Design icons by Google
- Material Icons Guide - Google Design
- Topic: icon-fonts
- xiangsudian/CaoMei: 🍓CaoMei Icon - Designed for developers http://chuangzaoshi.com/icon/
- 分享20个无版权的高清无码图库站 - 梦想天空(山边小溪) - 博客园
- theDazzler/droidicon: Over 1600 customizable icons for Android including 750+ Google Material Design icons, 25 ready-made social badges, and more!
- 免费下载:320+ 手绘风格 Apple iOS7 图标 - 梦想天空(山边小溪) - 博客园
- Captain Icon – 350+ 有趣的矢量图标免费下载 - 梦想天空(山边小溪) - 博客园
- danklammer/bytesize-icons: Tiny style-controlled SVG iconset (94 icons, 10kb)
icon fonts
font-awesome
- FortAwesome/Font-Awesome: The iconic SVG, font, and CSS toolkit
- encharm/Font-Awesome-SVG-PNG: Font Awesome split to individual SVG and PNG files of different sizes along with Node.JS based generator
- Justineo/vue-awesome: Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.
- flatlogic/awesome-bootstrap-checkbox: Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier.
- PrideChung/FontAwesomeKit: Icon font library for iOS. Currently supports Font-Awesome, Foundation icons, Zocial, and ionicons.
- bokmann/font-awesome-rails: the font-awesome font bundled as an asset for the rails asset pipeline
- thii/FontAwesome.swift: Use FontAwesome in your Swift projects
- Font Awesome 中文网 – | 字体图标
- Font Awesome 图标字体的代码列表
- FontAwesome 4.7.0 中完整的675个图标样式CSS参考 | Specs' Blog-就爱PHP
iconfont-cli
- Iconfont Colorful
IconFont
- 解密 Iconfont - 简书
- 一次性搞定 Iconfont - 掘金
- CSS3 @font-face属性 - 简书
- Iconfont-阿里巴巴矢量图标库
- Font Awesome
- backflip/gulp-iconfont-css: Create an SCSS file mapping the SVG files piped to gulp-iconfont to their codepoints
- typekit/webfontloader: Web Font Loader gives you added control when using linked fonts via @font-face.
- nfroidure/gulp-iconfont: Create icon fonts from several SVG icons
- Icon Font & SVG Icon Sets ❍ IcoMoon
- developer.mozilla.org
- design.google.com
- web项目中图标的前端处理方案 - 掘金
- Web字体图标-自动化方案 - 掘金
- Web字体图标-自动化方案 - 不染
jQuery 字体图标选择
- fontIconPicker – 优雅的 jQuery 字体图标选择 - 梦想天空(山边小溪) - 博客园
- jQuery fontIconPicker - An elegant font icon picker written in jQuery
- micc83/fontIconPicker: jQuery fontIconPicker v2 is a small (3.22kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms.
具体工具
- Iconfont-阿里巴巴矢量图标库
- IcoMoon App - Icon Font, SVG, PDF & PNG Generator
- Fontello - icon fonts generator
- Create Your Own @font-face Kits | Font Squirrel
- 快速上手制作Icon Font | 新浪UED
- Icon-font图标字体的四类制作方法 - 简书
- Icon fonts
- 分享20个新颖的字体设计草图,带给你灵感 - 梦想天空(山边小溪) - 博客园
- 40款用于简洁网页设计的光滑英文字体【上】 - 梦想天空(山边小溪) - 博客园
- 40款用于简洁网页设计的光滑英文字体【下】 - 梦想天空(山边小溪) - 博客园
- 字体下载大宝库:12款好看的免费英文字体 - 梦想天空(山边小溪) - 博客园
- 20款华丽的几何形状字体【免费下载】 - 梦想天空(山边小溪) - 博客园
emoji
- gee1k/emoji: Find the emoji(Unicode)
- 📙 Get Emoji - Svend
- 【译】用 JavaScript 和 Emoji 做地址栏动画 - 掘金
- Box-drawing character - Wikipedia
- Braille Patterns - Wikipedia
SVG
- loading.io - Your SVG + GIF + PNG Ajax Loading Icons
- yyued/SVG-Skeleton: Create the skeleton screen through SVG element
- Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边小溪) - 博客园
- 太可爱了!CSS3 & SVG 制作的米老鼠钟表 - 梦想天空(山边小溪) - 博客园
- Elastic SVG Elements
- 使用 SVG 制作单选和多选框动画【附源码】 - 梦想天空(山边小溪) - 博客园
Method Draw – 很好用的 SVG 在线编辑器
- 在线演示
- duopixel/Method-Draw: Method Draw, the SVG Editor for Method of Action
- Method Draw
字体库
Iosevka
- Iosevka
- be5invis/Iosevka: Slender typeface for code, from code.
fonts
- google/fonts: Font files available from Google Fonts
- Google Fonts
- CSS SANS – 神奇!使用 CSS3 创建的字体 - 梦想天空(山边小溪) - 博客园
- 字体大宝库:20款免费的情人节字体 - 梦想天空(山边小溪) - 博客园
- Design with web fonts in the browser - Typecast
- Programming Fonts - Test Drive
- TypeWonder - Beta
- Inter UI font family
- aui/font-spider: Smart webfont compression and format conversion tool
- 有字库-首页-全球第一中文web font(在线字体)服务平台、web font、webfont、在线字体、网络字体
- 在前端页面中使用@font-face来显示web自定义字体【转】 - fjdingsd - 博客园
tutorial
- Rec. 709 - Wikipedia
- Techniques For Accessibility Evaluation And Repair Tools
- 客栈说书:CSS遮罩CSS3 mask/masks详细介绍 « 张鑫旭-鑫空间-鑫生活
- PNG格式小图标的CSS任意颜色赋色技术 « 张鑫旭-鑫空间-鑫生活
- CSS遮罩实现PNG图标变色 - 掘金
- CSS3 filter:drop-shadow滤镜与box-shadow区别应用 « 张鑫旭-鑫空间-鑫生活
- filter:drop-shadow实现尖角带阴影的提示面板效果 » 张鑫旭-鑫空间-鑫生活
- CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产 « 张鑫旭-鑫空间-鑫生活
- 纯CSS实现任意格式图标变色的研究 « 张鑫旭-鑫空间-鑫生活
- 手摸手,带你优雅的使用 icon - 掘金
- 微信小程序开发之SVG的使用 | 子勰的博客
- bestony/logoly: A Pornhub Flavour Logo Generator
$组件、效果
404
- bestvist/axial3d: 🎨 3D effect page for github404.
- 错误的艺术!20个创意的404错误页面设计 - 梦想天空(山边小溪) - 博客园
3D
tridiv
- Tridiv | CSS 3D Editor
CSS3 文本特效
- Cool!15个超炫的 CSS3 文本特效【上篇】 - 梦想天空(山边小溪) - 博客园
- Cool!15个创意的 CSS3 文本效果【下篇】 - 梦想天空(山边小溪) - 博客园
- 推荐20款基于 jQuery & CSS 的文本效果插件 - 梦想天空(山边小溪) - 博客园
- 纯 CSS 实现多行文字截断 - 掘金
iview-weapp
- TalkingData/iview-weapp: 一套高质量的微信小程序 UI 组件库
- iView Weapp - 一套高质量的微信小程序 UI 组件库
文本模糊
文本超出
- css实现文本超出"..." - 掘金
- CSS控制文字只显示一行 超出部分显示省略号 - 博客园
自适应的占位符效果
- Adaptive Placeholder – 自适应的占位符效果 - 梦想天空(山边小溪) - 博客园
- Adaptive Placeholder – 自适应的占位符效果
- zellwk/adaptive-placeholders: Float label pattern built with pure SCSS
时钟效果
- 使用 CSS & jQuery 制作一款漂亮的多彩时钟 - 梦想天空(山边小溪) - 博客园
图标填充效果
- 新奇!让简单的页面瞬间变酷的图标填充效果 - 梦想天空(山边小溪) - 博客园
面包屑效果
- 学习使用 CSS3 制作网站面包屑导航效果 - 梦想天空(山边小溪) - 博客园
- web应用中的面包屑前端存储方案 - 掘金
标签云效果
- 基于纯 CSS3 技术实现美观的标签云效果 - 梦想天空(山边小溪) - 博客园
全屏遮罩效果
- Fullscreen Overlay Styles
- Display Images with Shape Masking and Nifty Effect | Demo | Queness
导航栏效果
圆形导航
- Building a Circular Navigation with CSS Transforms
- SaraSoueidan (Sara Soueidan)
- SaraSoueidan/circular-navigation: Demo for Codrops Tutorial: Building a Circular Navigation with CSS Transforms
- 使用 jQuery 和 CSS3 制作滑动导航菜单 - 梦想天空(山边小溪) - 博客园
侧边栏效果
多层推拉菜单
- Multi-Level Push Menu
- crnacura/CodropsTemplate: Template for Codrops demo with article template
- 创意无限!一组网页边栏过渡动画【附源码下载】 - 梦想天空(山边小溪) - 博客园
登录注册界面
- 应用程序模板:16个创意的手机登录界面设计 - 梦想天空(山边小溪) - 博客园
- 优秀示例:一组创意的手机注册和登录界面设计 - 梦想天空(山边小溪) - 博客园
灯箱效果
- jbutz/bootstrap-lightbox: A simple lightbox plugin based on the bootstrap modal plugin.
工具提示效果
simptip
- Simptip: a simple CSS tooltip made with Sass
- arashmanteghi/simptip: A simple CSS tooltip made with Sass
根据图片亮度智能切换元素样式
- BackgroundCheck
- kennethcachia/background-check: Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.
幻灯片效果
- 酷毙了!三种风格的全屏幻灯片效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- Tilted Content Slideshow
吸顶
- 【前端词典】5 种滚动吸顶实现方式的比较[性能升级版] - 掘金
footer“吸底”
- CSS实现footer“吸底”效果 - 掘金
修改滚动条样式
- chrome和IE下的滚动条样式修改 - _Jo - 博客园
- CSS设置滚动条样式(兼容IE) - Rey - CSDN博客
- 修改IE滚动条样式 - 阿里云
- HTML:滚动条样式自定义(IE/FireFox/webkit) - Siimple的博客 - CSDN博客
- CSS设置滚动条样式(兼容IE) - 简书
- CSS如何设置兼容IE滚动条样式的代码图文-css教程-PHP中文网
前端换肤
- 聊一聊前端换肤 - 掘金
- Web 开发中很实用的10个效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 35个让人惊讶的 CSS3 动画效果演示 - 梦想天空(山边小溪) - 博客园
- 15个来自 CodePen 的酷炫 CSS 动画效果【下篇】 - 梦想天空(山边小溪) - 博客园
- 不可思议的纯 CSS 滚动进度条效果 - 掘金
$表单、表格
使用 CSS 实现用户体验更好的表单
- WTF Forms – 使用 CSS 实现用户体验更好的表单 - 梦想天空(山边小溪) - 博客园
- mdo/wtf-forms: Friendlier HTML form controls with a little CSS magic.
Bootstrap 主题的多选组合框
- MagicSuggest – Bootstrap 主题的多选组合框 - 梦想天空(山边小溪) - 博客园
- MagicSuggest - Examples
- Magicsuggest/magicsuggest: Multiple Selection Combo Box using Bootstrap 3
button
Ghost Buttons
- 使用虚拟按钮(Ghost Buttons)的25个网站 - 梦想天空(山边小溪) - 博客园
- iRaul/pushy-buttons: CSS Pressable 3D Buttons. 👇
- BonBon - 使用 CSS3 制作甜美的糖果按钮 - 梦想天空(山边小溪) - 博客园
- jQuery & CSS 制作金属质感的选择按钮 - 梦想天空(山边小溪) - 博客园
- 使用 CSS3 制作一组超时尚的动画按钮效果 - 梦想天空(山边小溪) - 博客园
- 美妙的 CSS3 动画!一组梦幻般的按钮效果 - 梦想天空(山边小溪) - 博客园
- 使用 CSS3 打造一组质感细腻丝滑的按钮 - 梦想天空(山边小溪) - 博客园
- 可能被忽略的"按钮组件"细节 - 掘金
多选框效果
- 你见过吗?9款超炫的复选框(Checkbox)效果 - 梦想天空(山边小溪) - 博客园
fancyInput
- yairEO/fancyInput: Makes typing in input fields fun with CSS3 effects
usebasin
- Basin | Simple form backend for designers and developers
$图像
- Elastislide - 响应式的图片循环展示效果 - 梦想天空(山边小溪) - 博客园
- 使用 CSS3 伪元素实现立体的照片堆叠效 - 梦想天空(山边小溪) - 博客园
- PhotoSwipe - 移动开发必备的 iOS 风格相册 - 梦想天空(山边小溪) - 博客园
- ShineTime - 带有 CSS3 闪亮特效的缩略图相册 - 梦想天空(山边小溪) - 博客园
$主题
material-design-lite
- google/material-design-lite: Material Design Components in HTML/CSS/JS
themes
jupyter-themes
- dunovank/jupyter-themes: Custom Jupyter Notebook Themes
minimal-mistakes
- mmistakes/minimal-mistakes: Jekyll theme for personal sites, blogs, and portfolios. Two-columns and extremely flexible.
- Minimal Mistakes
GitHub-Dark
- StylishThemes/GitHub-Dark: Dark GitHub style
- GitHub Dark | Userstyles.org
slack-black-theme
- widget-/slack-black-theme: A darker, more contrasty, Slack theme.
arc-theme
twentynineteen
hexo-theme-next
- 董沅鑫的个人网站
- handong1587/handong1587.github.io
videojs
- amazeui/videojs: Video.js Amaze UI Skin.
- Video.js Amaze UI Skin | Amaze UI 插件
Material Components
- finnhvman/matter: Material Components in Pure CSS
$UI工具
shards-ui
- DesignRevision/shards-ui: 🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
- Shards - A High-Quality and Free Bootstrap 4 UI Kit — DesignRevision
mustard-ui
- Mustard UI · A CSS framework that actually looks good.
- kylelogue/mustard-ui: A starter CSS framework that actually looks good.
UIkit
- uikit/uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces
- UIkit
- EventRay UI Kit – Web & Mobile 的素材 - 梦想天空(山边小溪) - 博客园
- 设计师们会喜欢的15套情人节素材 - 梦想天空(山边小溪) - 博客园
- 免费素材:包含 250+ 组件的 DO UI Kit - 梦想天空(山边小溪) - 博客园
行为型(css)
$动效、动画
Animate相关
CSS Shake
- CSShake
- elrumordelaluz/csshake: CSS classes to move your DOM!
- Part I: Using JavaScript to set @keyframes in CSS animations (Windows Store apps, IE) – MSDN Answers
- Good to Great UI Animation Studio Files
- daneden/animate.css: 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
- Magic CSS3 – 创建各种神奇的交互动画效果 - 梦想天空(山边小溪) - 博客园
- 提升用户体验!29个使用动画效果的网站布局 - 梦想天空(山边小溪) - 博客园
- Magic CSS3 – 创建各种神奇的交互动画效果 - 梦想天空(山边小溪) - 博客园
- miniMAC/magic: CSS3 Animations with special effects
- Animate.css
- daneden/animate.css: 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
CSS3 过渡和变换动画
立体图片切换效果
信封效果
- CSS3 过渡特性创建信封效果的联系表单 - 梦想天空(山边小溪) - 博客园
Codrops全屏网页过渡特效
- Codrops 优秀教程:基于 CSS3 的全屏网页过渡特效 - 梦想天空(山边小溪) - 博客园
- Codrops 教程:基于 CSS3 的精美模态窗口效果 - 梦想天空(山边小溪) - 博客园
按钮动画
Waves
- fians/Waves: Click effect inspired by Google's Material Design
- Waves
- Transit – 超平滑的 CSS 过渡和变换动画效果插件 - 梦想天空(山边小溪) - 博客园
- Devrama Slider - 支持任意 HTML 的内容滑块 - 梦想天空(山边小溪) - 博客园
- 使用 CSS3 实现 3D 图片滑块效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 《前端5分钟》之使用纯css实现网站换肤和焦点图切换动画
折叠DOM
OriDomi
- OriDomi - origami for the web
- dmotz/oriDomi: Fold up DOM elements like paper
- 2018 最佳前端动效集锦 - 前端 - 掘金
- JavaScript牛刀小试,结合CSS3动画属性来做一个系统时间同步的时钟 - 掘金
- css3 | 浅谈transform变换 - 掘金
- [译文]网页动画的十二原则 - CSS Animation
- Animating URLs with Javascript and Emojis
$loading
loaders.css
- ConnorAtherton/loaders.css: Delightful, performance-focused pure css loading animations.
- https://connoratherton.com/loaders
网格布局图像加载动画
SVG-Loaders
- SamHerbert/SVG-Loaders: Loading icons and small animations built with pure SVG.
css loading
页面预加载效果
- 使用 SVG 实现一个漂亮的页面预加载效果 - 梦想天空(山边小溪) - 博客园
- 纯CSS3 Loading加载动画DEMO演示
- 使用 CSS3 实现超炫的 Loading(加载)动画效果 - 梦想天空(山边小溪) - 博客园
- 单个元素实现的 CSS3 Loading 效果
- 见过吗?14个超有创意的加载进度条设计 - 梦想天空(山边小溪) - 博客园
- 炫!一组单元素实现的 CSS 加载进度提示效果 - 梦想天空(山边小溪) - 博客园
- 使用 CSS3 实现超炫的 Loading(加载)动画效果 - 梦想天空(山边小溪) - 博客园
- HTML5 Canvas 实现的9个 Loading 效果 - 梦想天空(山边小溪) - 博客园
- 纯CSS3 Loading加载动画DEMO演示
- 真是好东西!一组动感的页面加载动画效果 - 梦想天空(山边小溪) - 博客园
$事件
Hover
纯 CSS 实现的超炫的图片悬停特效
- iHover-非常漂亮的纯CSS实现的图片悬停特效-codetc-网站开发技术
- iHover – 30+ 纯 CSS 实现的超炫的图片悬停特效 - 梦想天空(山边小溪) - 博客园
- IanLunn/Hover: A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
- Hover.css - A collection of CSS3 powered hover effects
$检测、兼容
Modernizr
- Modernizr: the feature detection library for HTML5/CSS3
- Modernizr/Modernizr: Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
- Modernizr 中文网
- js库Modernizr的介绍和使用_其它_脚本之家
- Modernizr.js-使用 - CSDN博客
- JS进阶篇--前端的瑞士军刀Modernizr.js - 风雨过后见彩虹 - SegmentFault 思否
- 前端初学者——初探Modernizr.js Modernizr.js笔记 - 前端怪兽 - 博客园
- Modernizr.js入门指南 - CSDN博客
- Modernizr.js介绍与使用 - _Simon - 博客园
- Modernizr.js - 故宫博物院 - 博客园
- Modernizr.js:为HTML5和CSS3而生!-前端开发博客
itcss
- itcss, from CSS Wizardry
- itcss/itcss-netmag
single framework
- milligram/milligram: A minimalist CSS framework.
- reworkcss/rework: Plugin framework for CSS preprocessing in Node.js
- twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
- zdhxiong/mdui: MDUI 是一个基于 Material Design 的前端框架。
- sindresorhus/github-markdown-css: The minimal amount of CSS to replicate the GitHub Markdown style
- disjukr/activate-power-mode: Activate POWER MODE anywhere
- sofish/typo.css: 中文网页重设与排版:一致化浏览器排版效果,构建最适合中文阅读的网页排版
- stbui/angular-material-app: 基于最新Angular 6框架与Material 2技术的web企业级中后台前端应用框架,可以帮助企业提高工作效率,节省开发成本,提升品牌形象。
- Good to Great UI Animation Studio Files
- HTML5 UP! Responsive HTML5 and CSS3 Site Templates
- Part I: Using JavaScript to set @keyframes in CSS animations (Windows Store apps, IE) – MSDN Answers
- Best Free Responsive Html5 Css3 Templates and Themes in 2016 - Html5xCss3
- Canvas Gauges
- KingPixil/wing: Minimal, Responsive CSS Framework
- viclm/numeric-keyboard: Numeric keyboard for mobile browsers
- adamschwartz/magic-of-css: A CSS course to turn you into a magician.
- Mint UI
- Pure CSS Folded Paper Effect
- core.css
- CSS Loader
- Wenk - Lightweight pure CSS tooltip for the greater good
- browserhtml/browserhtml: Experimental Servo browser built in HTML
CSS处理工具
$css study
¥canvas
canvas core
- Canvas - Web API 接口参考 | MDN
- CanvasRenderingContext2D - Web API 接口参考 | MDN
- canvas API中文网 - Canvas API中文文档首页地图
- Canvas Gauges
- 最近学习canvas,做了一些效果的合集(附源码地址) - 掘金
- canvas-应用大全 - 掘金
li-canvas
- 501351981/li-canvas: 对Html5的canvas功能进行了封装,方便进行多图片绘制、圆角图片绘制、多行文字绘制、图片保存下载等功能.
canvas 效果
- Canvas系列之一——滤镜效果 - 掘金
- canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备 - 掘金
- Canvas 实现画中画动画效果--网易娱乐年度盘点H5动画解密 - 掘金
- 又双叒叕是一个 canvas 动画 - 掘金
- canvas-坐标系、圆角矩形、纹理、剪裁 - 掘金
canvas 教程
- 玩转「Canvas」 - 掘金
- 看完这本攻略,Canvas新手小白也可以创建惊人特效 - 掘金
- Canvas+Socket搞出一个多人游玩的“我画你猜” - 掘金
- 前端庆祝节日的方法 - 掘金
- 学习HTML5 Canvas这一篇文章就够了 - 完善飞跃 - CSDN博客
- html5清空画布方法 - dxylilac - CSDN博客
- JavaScript之Canvas画布_但愿人长久 千里共婵娟-CSDN博客
- 贝塞尔曲线 总结_PlayBoys 部落格-CSDN博客
- HTML5 Canvas中绘制椭圆的5种方法_canvas,椭圆,canvas自带绘制椭圆_汉堡请不要欺负面条-CSDN博客
- html5 实现画虚线_洪小灯的博客-CSDN博客
- 判断一个点是否在四边形内部_San_Junipero的博客-CSDN博客
- 已知四边形的四个点,求一个点是否在四边形之内的解决方法_laukaka的专栏-CSDN博客
- JS实现判断点是否在多边形内部(1)--射线法理论_随遇而安-CSDN博客
- Canvas学习:渐变_Canvas, Canvas学习 教程_w3cplus
- Meicai Blog
- Oscillating sine wave, including the steps to figuring out how to plot a sine wave
¥calc
- CSS 中 calc() 的应用 - 掘金
- Hardcore CSS calc( ) – Buildit @ Wipro Digital – Medium
¥CSS Shapes
CSS 魔法系列
- CSS 魔法系列:纯 CSS 绘制三角形(各种角度) - 梦想天空(山边小溪) - 博客园
- CSS 魔法系列:纯 CSS 绘制基本图形(圆、椭圆等) - 梦想天空(山边小溪) - 博客园
- CSS 魔法系列:纯 CSS 绘制图形(心形、六边形等) - 梦想天空(山边小溪) - 博客园
- CSS 魔法系列:纯 CSS 绘制图形(各种形状的钻石) - 梦想天空(山边小溪) - 博客园
- CSS 魔法系列:纯 CSS 绘制各种图形《系列六》 - 梦想天空(山边小溪) - 博客园
- 【译】CSS Shapes 简介 - 掘金
- [英] CSS Shapes 介绍 - 前端 - 掘金
¥css滤镜
- 经典网页设计:使用颜色滤镜效果的20个网站 - 梦想天空(山边小溪) - 博客园
- 《蜘蛛侠:平行宇宙》的视觉解析与滤镜实现 - 掘金
- b站全灰,原来仅需一行css代码——css 滤镜 - 掘金
¥css渐变
gradients
- coolHue - Coolest Gradient Hues and Swatches by UVdesk
- webkul/coolhue: Coolest Gradient Hues and Swatches by UVdesk
- uiGradients - Beautiful colored gradients
- ghosh/uiGradients: 🔴 Beautiful colour gradients for design and code
linear-gradient
- 奇舞周刊
- Explaining gradient angles
- CSS Images Module Level 3
- CSS3 Gradient_gradient, css3属性详解 教程_w3cplus
- 再说CSS3渐变——线性渐变_gradient 教程_w3cplus
- 神奇的 conic-gradient 圆锥渐变 - ChokCoco - 博客园
¥css词汇表
font-family
- CSS font-family 各名称一览表 - CSDN博客
- CSS,font-family,好看,常用,中文,字体(更新中) - CSDN博客
filter
- css3中强大的filter(滤镜)属性 - lms_码农 - 博客园
- css中的filter属性语法说明 - CSDN博客
- css filter进行图片处理 - CSDN博客
- CSS3 Filter详解(改变模糊度 亮度 透明度等方法) - 风雨后见彩虹 - 博客园
line-height
- line-height百分比和数字值的区别 - 转角遇到谁 - 博客园
- line-height设置% 数字以及em - Asa的专栏 - CSDN博客
object-fit
- object-fit - CSS(层叠样式表) | MDN
position
- 去掉父元素position:absolute属性后没有高度了? - xubingnan123的博客 - CSDN博客
- CSS 相对|绝对(relative/absolute)定位系列(一) « 张鑫旭-鑫空间-鑫生活
- CSS 相对/绝对(relative/absolute)定位系列(二) « 张鑫旭-鑫空间-鑫生活
- absolute 和float - xiaofenguo - 博客园
- # CSS 绝对定位释义 - 掘金
vertical-align & line-height
- CSS深入理解vertical-align和line-height的基友关系 « 张鑫旭-鑫空间-鑫生活
- 我对CSS vertical-align的一些理解与认识(一) « 张鑫旭-鑫空间-鑫生活
- CSS vertical-align的深入理解(二)之text-top篇 « 张鑫旭-鑫空间-鑫生活
- The vertical-align Property
- CSS 魔法堂:深入理解 line-height 和 vertical-align - 前端 - 掘金
- 深入理解 CSS:字体度量、line-height 和 vertical-align - 掘金
word-break、word-wrap、white-space
- 复习下white-space - 掘金
- 彻底搞懂word-break、word-wrap、white-space - 掘金
- CSS 词汇表
- CSS Vocabulary – CSS 词汇表,你都掌握了吗? - 梦想天空(山边小溪) - 博客园
- CSS 基本词汇表 - 踏得网
- css单词汇总 - JerryWu145的专栏 - CSDN博客
- 2019-03-20 CSS词汇 - 简书
- CSS术语词汇表 - 学习教程 - dt猫
- CSS Click Chart | CSS3 Browser Support and Information
- 2019年这1年多学到的CSS新特性 | 掘金年度征文 - 掘金
¥CSS选择器
- 深入理解CSS选择器优先级 - 掘金
- 盘点 CSS Selectors Level 4 中新增的选择器 - 掘金
- [译]19个CSS level 4 选择器 - 掘金
- 神奇的选择器 :focus-within - 掘金
- CSS3 [attribute$=value] 选择器 | 菜鸟教程
- CSS3 [attribute^=value] 选择器 | 菜鸟教程
CSS Specificity
- CSS Specificity – Emma Wedekind – Medium
¥svg
svg core
- <animate> - SVG: Scalable Vector Graphics | MDN
- SVG 参考手册 | 菜鸟教程
- SVG 教程 | 菜鸟教程
- SVG 文本 | 菜鸟教程
- SVG 入门指南(看完,对SVG结构不在陌生) - 掘金
clip-path
- CSS3 clip-path 用法介绍 - 掘金
- In Pieces - 30 Endangered Species, 30 Pieces.
- clip-path - CSS(层叠样式表) | MDN
svgxuse
- Keyamoon/svgxuse: A simple polyfill that fetches external SVGs referenced in use elements when the browser itself fails to do so. Demo: https://icomoon.io/svgxuse-demo/
- IcoMoon - SVG Icons
svg、图片互转
- 前端和后端实现SVG转图片 | gglinux's blog
- SVG 在 image 标签中的动态修改技巧 - 掘金
- 在线jpg,png图片转SVG工具-BeJSON.com
- 理解SVG transform坐标变换 « 张鑫旭-鑫空间-鑫生活
- 理解SVG viewport,viewBox,preserveAspectRatio缩放 « 张鑫旭-鑫空间-鑫生活
- SVG(可缩放矢量图形)绘制工具Method Draw - 尐轩web前端网络日志 - CSDN博客
- Method Draw
- SVG 在线编辑器 | 菜鸟工具
- CSS 动作路径标准 Motion Path 简介 - 掘金
¥UI 交互技巧
picpick
- PicPick—NGWIN,一款全功能的设计工具,包含屏幕截图、图片编辑器、颜色选择器、像素标尺和其它更多的功能
- PicPick—NGWIN,一款全功能的设计工具,包含屏幕截图、图片编辑器、颜色选择器、像素标尺和其它更多的功能
- 超实用!7 个优秀的 UI 交互动画技巧 - 掘金
- 前端认知:PPI、DPI、设备像素等概念 - 掘金
- 设备像素比devicePixelRatio简单介绍 « 张鑫旭-鑫空间-鑫生活
- pointer-events - CSS3参考手册
- FancyNode
¥命名规范&解决方案
BEM
- BEM
- BEM — Block Element Modifier
- BEM
- 【译】BEM CSS命名规范三 Naming convention - 简书
- lvwzhen/css-name: CSS 命名规范
- NEC : 更好的CSS样式解决方案
- 编码规范 by @mdo
- CSS样式书写有哪些规范? - 这是一个代码的世界 - CSDN博客
- 组织css代码 - 掘金
- 前端项目共有的CSS问题 - 前端 - 掘金
- 纯CSS实现表单验证 - 掘金
- CSS常用Mixin封装 - 掘金
¥颜色
颜色算法
- RGB 彩虹函数 - tmirun的博客 - CSDN博客
- 彩虹RGB - G1342522389的博客 - CSDN博客
- 如何实现RGB颜色之间的渐变?-CSDN论坛
- 【iOS】用RGB颜色模型实现彩虹渐变 - 杜子兮@莲兮奈若何 - CSDN博客
- 怎样生成彩虹色带-CSDN论坛
调色板
material-palette-generator
- KualiCo/material-palette-generator: Get perfect Material Design color palettes from any hex color
- Material Design Palette Generator
- Color Tool - Material Design
- 在线调色板 - 站长工具
- 在线网页颜色选择器,网页颜色预览
bootstrap-colorpicker
- farbelous/bootstrap-colorpicker: Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
- Bootstrap Colorpicker, a color picker component for jQuery, compatible with Twitter Bootstrap.
css-color-function
- ianstormtaylor/css-color-function: A parser and converter for Tab Atkins's proposed color function in CSS.
- HTML Color Codes - What's your color
- Color Hex Color Codes
- RGB to HEX
- Instant HEX to RGB or RGB to HEX Converter Tool
- Hex to RGB Color Converter
- 彩虹的七种颜色CMYK和RGB的值是什么 - 客亦知夫水与月乎? - CSDN博客
- Color Combinations | Color Schemes | Color Palettes
¥下拉菜单
- Create a stunning menu in CSS3 | Webdesigner Depot
- Click action Multi-level CSS3 Dropdown Menu
- Creating a CSS3 Dropdown Menu #2
- Creating a Multilevel CSS3 Metal Navigation with icons
- Creating CSS3 Dropdown Menu #3
- Free CSS Drop-Down Menu Framework
- How to Create a Drop-Down Nav Menu With HTML5, CSS3 and JQuery
- CSS3 Dropdown Menu - Web Designer Wall - Design Trends and Tutorials
- Making a CSS3 Animated Menu - Tutorialzine
- How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
- Página no encontrada
- Creating A CSS3 Dropdown Menu #4
- Whirling CSS3 dropdown menu
- Creating a Marble Style CSS3 Navigation Menu
- Creative CSS3 Animation Menus
- CSS hover menu
- Dark Menu: Pure CSS3 Two Level Menu [Tutorial] - Ahmad Hania Blog
- CSS3 animated dropdown menu demo
- Slide Down Box Menu with jQuery and CSS3
- ask888/CSS3-Minimalistic-Navigation
$布局
¥布局工具
¥flexible
kite
- Kite
- hiloki/kitecss: Kite is a flexible layout helper CSS library.
elf
- elf,基于flexbox的响应式CSS框架 - 掘金
- jrainlau/elf: 一个干净,轻巧的响应式CSS框架。
- elf | a light and clean responsive framework
- www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html
- design.google.com
- 淘宝弹性布局方案lib-flexible实践 - 流云诸葛 - 博客园
- 教你如何用 lib-flexible 实现移动端H5页面适配 - CSDN博客
- flex布局justify-content属性和align-items,align-self属性 - CSDN博客
- flex实现左右布局中按钮溢出隐藏效果 - 掘金
- 【译】Flexbox完全指南 - 掘金
- 再次简单明了总结flex布局,一看就懂... - 掘金
- 马蹄疾 | 聊聊你可能并没有完全掌握的 Flex 布局:从概念入手,丝丝入扣 - 掘金
- flex布局(弹性盒)兼容性写法 兼容ie10 谷歌 火狐_希文Gershwin-CSDN博客
grid
css polyfill ie
css-grid-polyfill
- FremyCompany/css-grid-polyfill: A working implementation of css grids for current browsers.
- CSS Grid Application Layout in Production (IE11 compatible) - 酷辣虫 - CoLaBug.com
- 使用CSS Grid的九大误区_CSS, CSS3 Grid Layout, Grid, Layout, 布局 教程_w3cplus
- Should I try to use the IE implementation of CSS Grid Layout?
- Supporting CSS Grid in Internet Explorer – Elad Shechter – Medium
- 带有IE11规范的CSS网格-网格自身崩溃怎么办? - 问答 - 云+社区 - 腾讯云
- CSS grid doesn't work on IE 11 - Microsoft Edge Development
- ie10 grid 网格布局 - 唐菜也的博客 - CSDN博客
- codler/Grid-Layout-Polyfill
- emcpadden/csswizardry-grids-ie7-polyfill: This polyfill will allow the CSS Wizardry Grid to run in IE7
- hyperledger/grid: Hyperledger Grid
- Grid
- Creating horizontal scrolling containers the right way [CSS Grid]
- CSS Grid Layout Module Level 1
- CSS Grid布局:浏览器开启CSS Grid Layout_Grid, CSS3 Grid Layout, Layout 教程_w3cplus
- MOR10 - Thinking Out Loud About the Internet
- CSS Grid 布局完全指南(图解 Grid 详细教程)-WEB前端开发
- 使用 Grid 进行常见布局 - 掘金
- [翻译] Grid 布局完全指南 - 掘金
- CSS Grid Layout
- CSS Grid Layout - CSS: Cascading Style Sheets | MDN
css-flowcharts
- 10 CSS Flowcharts
在线生成CSS
- Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS
- css sticky footer布局+流式布局 - CSDN博客
- 一篇全面的CSS布局学习指南 [译] - 掘金
- [译] 选择 Grid 还是 Flex? - 掘金
- 【译】Css Grid VS Flexbox: 实践比较 - 掘金
- 干货!各种常见布局实现+知名网站实例分析 - 掘金
¥单位
- PXtoEM.com: PX to EM conversion made simple.
- css中的px、em、rem 详解 - 掘金
¥*FC
BFC
- 理解CSS-BFC概念 - 掘金
- 前端精选文摘:BFC 神奇背后的原理 - 梦想天空(山边小溪) - 博客园
- CSS中关于定位及BFC中的易错点 - 掘金
- 视觉格式化模型 | MDN
- CSS中各种布局的背后(*FC) - 掘金
- Visual formatting model
¥响应式
<picture>
- <picture> - HTML(超文本标记语言) | MDN
- scottjehl/picturefill: A responsive image polyfill for <picture>, srcset, sizes, and more
- Picturefill
响应式设计工具
- FROONT – 超棒的可视化响应式网页设计工具 - 梦想天空(山边小溪) - 博客园
- 《实用技巧》——让你的网站变成响应式的3个简单步骤 - 梦想天空(山边小溪) - 博客园
- 推荐15款最佳的响应式 Web 设计测试工具 - 梦想天空(山边小溪) - 博客园
- 前端响应式布局原理与方案(详细版) - 掘金
Responsive Elements
- Responsive Elements - Helps you build better responsive websites
- kumailht/responsive-elements: Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.
响应式HTML5表单
jq-idealforms
- elclanrs/jq-idealforms: The ultimate framework for building and validating responsive HTML5 forms.
- elclanrs/jq-idealforms-old: The ultimate framework for building and validating responsive HTML5 forms.
jqtransform
- Opensource - AJAX - Jqtransform - jQuery form plugin
intention.js
- intention.js
- dowjones/intentionjs: A library for intentionally dealing with responsive design
响应式表格解决方案
- RWD Table Patterns – 响应式表格解决方案 - 梦想天空(山边小溪) - 博客园
- Responsive tables
- nadangergeo/RWD-Table-Patterns: This is an awesome solution for responsive tables with complex data.
media-screen
- 利用@media与@media screen进行响应式布局 | 511遇见
- 详解前端响应式布局、响应式图片,与自制栅格系统 - 掘金
- HTML5 移动端自适应方案与踩坑 - 掘金
- Restive.js – 轻松让网站变成响应式和自适应 - 梦想天空(山边小溪) - 博客园
EnjoyCSS
- Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS
fixed-sticky
- filamentgroup/fixed-sticky: DEPRECATED: A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.
Html5移动端适配
- web前端技术圈
- 简单粗暴的移动端适配方案 - REM - 前端 - 掘金
- 移动端适配总结 - 掘金
列表项布局
- 不怕你用不上!CSS 列表项布局技巧 - 掘金
网格砌体布局
- Masonry – 实现 Pinterest 模式的网格砌体布局 - 梦想天空(山边小溪) - 博客园
水平、垂直居中
- 讨论下垂直水平居中的多种方案 - 掘金
- 四种常用方法 设置 不定/定宽高元素 在窗口/父元素中 水平垂直居中方法
- 纯CSS实现垂直居中的几种方法 - 彼岸花在开 - 博客园
- 块级元素和行内元素多种——水平,垂直、水平垂直居中的方法 - CSDN博客
- 推荐 15 种水平垂直居中布局方案
- css经典布局——圣杯布局 - 掘金
- 一些有趣的 CSS 魔法和布局(上) - 掘金
- 一些有趣的 CSS 魔法和布局(下)(结尾有岗位内推哦~) - 掘金
$开发工具
¥css3开发工具
extractcss
- extractCSS - Online CSS Extractor
- www.cnblogs.com/lhb25/archive/2011/05/15/2046038.html
- 推荐40个优秀的免费CSS工具 - 梦想天空(山边小溪) - 博客园
- 前端集锦:十款精心挑选的在线 CSS3 代码生成工具 - 梦想天空(山边小溪) - 博客园
- 分享最新20款非常棒的 CSS 工具 - 梦想天空(山边小溪) - 博客园
- 24款非常实用的CSS3工具终极收藏 - 梦想天空(山边小溪) - 博客园
- 分享27个使用纯 CSS 实现的图片画廊 - 梦想天空(山边小溪) - 博客园
- 24个很酷的 CSS3 文本效果示例及教程 - 梦想天空(山边小溪) - 博客园
- Primer – 支撑 GitHub 的 CSS 工具包和准则 - 梦想天空(山边小溪) - 博客园
- 35款加速网站开发的 CSS 开发工具 - 梦想天空(山边小溪) - 博客园
- CssStats – 分析和优化网站 CSS 代码的利器 - 梦想天空(山边小溪) - 博客园
- 2015年最佳的12个 CSS 开发工具推荐 - 梦想天空(山边小溪) - 博客园
- CSS3参考手册 - 最新最全的CSS参考手册
- CSS3的文字阴影—text-shadow_text-shadow, css3属性详解 教程_w3cplus
- cssdream/css-creating: CSS创作指南
- 你也许不知道,CSS 也有编程能力? - 掘金
- CKStyle-CSS的检查、修复与压缩工具!
¥cssLint
- CSS Lint
- CSSLint/csslint: Automated linting of Cascading Stylesheets
¥css精灵
Spritepad
- SpritePad - Create and edit css sprites
- Paratron/CSS-SpritePad: A browser application to create CSS spritemaps with according stylesheets.
srpite
- Klchan-me/srpite
- 未来必热:SVG Sprite技术介绍 « 张鑫旭-鑫空间-鑫生活
¥CSS in JS
Emotion
- emotion
- emotion-js/emotion: CSS-in-JS library designed for high performance style composition
- CSS in JS 简介 - 阮一峰的网络日志
¥css resets
Normalize.css
- necolas/normalize.css: A modern alternative to CSS resets
- Normalize.css: Make browsers render all elements more consistently.
- bymathias/normalize.styl: Stylus version of normalize.css
- kristerkari/normalize.scss: SCSS version of normalize.css
modern-normalize
- sindresorhus/modern-normalize: Normalize browsers' default style
¥css模块化方案
css-blocks
- CSS Blocks
- linkedin/css-blocks: High performance, maintainable stylesheets.
CSS Modules
libs & plugins
- css-modules/postcss-modules-scope: A CSS Modules transform to extract export statements from local-scope classes
- css-modules/postcss-modules-local-by-default: PostCSS plugin for css modules to local-scope classes and ids
- css-modules/postcss-modules-values: Pass arbitrary constants between your module files
- css-modules/postcss-icss-composes: A CSS Modules transform to extract export statements from local-scope classes
- css-modules/postcss-icss-values: Pass arbitrary constants between your module files
- css-modules/icss-utils: Search & replace tokens during the linking stage of ICSS loading
- css-modules/css-selector-tokenizer: Parses and stringifies CSS selectors.
- css-modules/postcss-modules-extract-imports: A CSS Modules transform to extract local aliases for inline imports
- css-modules/css-modules-loader-core: A loader-agnostic CSS Modules implementation, based on PostCSS
- css-modules/postcss-icss-selectors: PostCSS plugin for css modules to local-scope classes and ids
- css-modules/postcss-icss-url
- css-modules/postcss-icss-import: PostCSS plugin for css-modules to convert @import statements to ICSS
- css-modules/css-modules-require-hook: A require hook to compile CSS Modules in runtime
- css-modules/postcss-modules-resolve-imports: Resolves ICSS imports
- css-modules/css-modulesify: A browserify plugin to load CSS Modules
- css-modules/postcss-icss-keyframes: PostCSS plugin for css-modules to local-scope keyframes
- css-modules/icss: Interoperable CSS — a standard for loadable, linkable CSS
- css-modules/postcss-icss: Postcss plugin to process css modules and extract tokens
- css-modules/postcss-modules-lint: PostCSS plugin to verify the scoping of selectors in CSS Modules
demo
- css-modules/browserify-demo: A working demo of CSS Modules, using css-modulesify
- css-modules/css-modules: Documentation about css-modules
- CSS Modules 用法教程 - 阮一峰的网络日志
- What are CSS Modules and why do we need them? | CSS-Tricks
- css模块化方案 - 掘金
- jonathanpath/SASS-SMACSS: To start your project with SASS. Inspired by SMACSS from Jonathan Snook.
- CSS Modules 详解及 React 中实践 - pure render - 知乎专栏
¥css cli
- Wee – 为现代 Web 开发打造的 CSS 脚手架 - 梦想天空(山边小溪) - 博客园
¥css next
- cssdb
- cssdb
¥Csstyle
- Csstyle - 创建简洁、可维护强的 CSS 样式 - 梦想天空(山边小溪) - 博客园
¥Less
- LESS « 一种动态样式语言
- Getting started | Less.js
- Less 中文网
- 入门 | Less.js 中文文档
- 函数手册 | Less 中文网
- LESS-Middleware:Node.js 和 LESS 的完美搭配 - 梦想天空(山边小溪) - 博客园
¥oocss
- stubbornella/oocss: Object Oriented CSS Framework
- Object-oriented CSS
¥prefixer
prefixfree
- Prefix free: Break free from CSS vendor prefix hell!
- LeaVerou/prefixfree: Break free from CSS prefix hell!
autoprefixer
- postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
- postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
- postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
- autoprefixer/autoprefixer.github.io: Autoprefixer online — add the desired vendor prefixes and remove unnecessary in your CSS
- Autoprefixer CSS online – make your vendor prefixes is actual.
- CSS Grid in IE: CSS Grid and the New Autoprefixer | CSS-Tricks
- Autoprefixer (@Autoprefixer) | Twitter
- css3打包后自动追加前缀插件:autoprefixer - 掘金
¥Postcss
core
- postcss - npm
- PostCSS - a tool for transforming CSS with JavaScript
- postcss/README-cn.md at 587e3cd26fbed9e1ca6c8585bc7c57a80f838bdb · postcss/postcss
- postcss/postcss: Transforming styles with JS plugins
- PostCSS - a tool for transforming CSS with JavaScript
- jdrgomes/awesome-postcss: A curate list about PostCSS
- DavidWells/PostCSS-tutorial: Tutorial on adding PostCSS to `create-react-app` CLI
¥Articles
- Some things you may think about PostCSS... and you might be wrong - @juliancwirko
- It's Time for Everyone to Learn About PostCSS | David Clark Develops the Web
- PostCSS Deep Dive - Envato Tuts+ Web Design Tutorials
loader & cli
- postcss-loader
- postcss/postcss-loader: PostCSS loader for webpack
- Package - postcss-cli
- postcss-cli - npm
- postcss-loader的使用指南 - keader01的博客 - CSDN博客
- 用postcss cli运行postcss - 咖谧也 - 博客园
- postcss/postcss-cli: CLI for postcss
¥Plugins
postcss-atroot
- OEvgeny/postcss-atroot: PostCSS plugin to place rules directly at the root
postcss-advanced-variables
- jonathantneal/postcss-advanced-variables: Use Sass-like variables, conditionals, and iterators in CSS
postcss-background-image-auto-size
- 一个自动为背景图添加 width 和 height 的 PostCSS 插件 - 前端 - 掘金
cssnano
- cssnano: A modular minifier based on the PostCSS ecosystem.
- postcss的cssnano插件压缩CSS过程中对@keyframes重命名存在重复的问题。 - weixin_42924712的博客 - CSDN博客
postcss-cssnext
- cssnext - Use tomorrow’s CSS syntax, today.
- MoOx/postcss-cssnext: `postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.
- postcss-cssnext - npm
- Deprecating cssnext
postcss-custom-properties
- postcss/postcss-custom-properties: Use Custom Properties in CSS
- PostCSS Custom Properties
postcss-custom-selectors
- postcss/postcss-custom-selectors: Use Custom Selectors in CSS
- PostCSS Custom Selectors
postcss-extend-rule
- jonathantneal/postcss-extend-rule: Use the @extend at-rule and functional selectors in CSS
- CSS Extend Rule with PostCSS
postcss-flexibility
- 7rulnik/postcss-flexibility: PostCSS plugin for Flexibility polyfill
postcss-gap-properties
- jonathantneal/postcss-gap-properties: Use the gap, column-gap, and row-gap shorthand properties in CSS
postcss-grid-kiss
- sylvainpolletvillard/postcss-grid-kiss: A PostCSS plugin to keep CSS grids stupidly simple
- grid-kiss playground
postcss-nested
- postcss/postcss-nested: PostCSS plugin to unwrap nested rules like how Sass does it.
postcss-property-lookup
- simonsmith/postcss-property-lookup: PostCSS plugin for property lookups, similar to Stylus
postcss-rtl
- vkalinichev/postcss-rtl: PostCSS plugin for RTL-adaptivity
- MohammadYounes/rtlcss: Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)
- RTLCSS
postcss-load-config
- michael-ciniawsky/postcss-load-config: Autoload Config for PostCSS
- postcss-load-config - npm
¥Better CSS Readability
- jonathantneal/precss: Use Sass-like markup in your CSS
- hudochenkov/postcss-sorting: PostCSS plugin to keep rules and at-rules content in order.
- ismamz/postcss-utilities: PostCSS plugin to add a collection of mixins, shortcuts, helpers and tools for your CSS
- jonathantneal/postcss-short: Use advanced shorthand properties in CSS
- PostCSS Utility Library
- PreCSS
¥Images and Fonts
- borodean/postcss-assets: An asset manager for PostCSS
- 2createStudio/postcss-sprites: Generate sprites from stylesheets.
- jonathantneal/postcss-font-magician: Magically generate all the @font-face rules
- TrySound/postcss-inline-svg: PostCSS plugin to reference an SVG file and control its attributes with CSS syntax
- jonathantneal/postcss-write-svg: Write SVGs directly in CSS
¥Linters
stylelint
- stylelint/stylelint: A mighty, modern CSS linter
- Configuration
- morishitter/stylefmt: stylefmt is a tool that automatically formats stylesheets.
- anandthakker/doiuse: Lint CSS for browser support against caniuse database.
- SlexAxton/css-colorguard: Keep a watchful eye on your css colors.
¥Solve Global CSS Problem
- postcss/postcss-use: Enable PostCSS plugins directly in your stylesheet.
- css-modules/postcss-modules: PostCSS plugin to use CSS Modules everywhere
- gajus/react-css-modules: Seamless mapping of class names to CSS modules inside of React components.
- maximkoretskiy/postcss-autoreset: PostCSS plugin for automatic rules isolation
- maximkoretskiy/postcss-initial: PostCSS plugin to fallback initial keyword
- ausi/cq-prolyfill: Prolyfill for CSS Container Queries
¥Use Future CSS, Today
- csstools/postcss-preset-env: Convert modern CSS into something browsers understand
- postcss-preset-env
- postcss-preset-env - npm
¥开发插件
- postcss/writing-a-plugin.md at master · postcss/postcss
- 编写自己的第一个postcss插件 - supming1的专栏 - CSDN博客
- 从 PostCSS 插件,体验编码到发布全过程 - 简书
- 开发postcss插件 - 阿里云
¥Other
- peterramsing/lost: LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.
- PostCSS 7.0 全新版本发布,用 JS 插件转换样式 - 开源中国
- 从sass到PostCSS - 有一只文艺的程序猿 - SegmentFault 思否
- 我是如何在webpack中使用postcss-px2rem的 - 蛋挞与伯爵 - 博客园
- postcss/plugins.md at master · postcss/postcss
- postcss-npm - npm
- fis3-postprocessor-postcss - npm
- postcss-import - npm
- PostCSS及其常用插件介绍 - 阿里云
- 7 个 PostCSS 插件让你轻松步入 PostCSS - 众成翻译
- PostCSS及其常用插件介绍-WEB前端开发
- PostCSS.parts | A searchable catalog of PostCSS plugins
¥Syntaxes
- postcss/sugarss: Indent-based CSS syntax for PostCSS
- gucong3000/postcss-syntax: Automatically switch PostCSS syntax based on file extensions
- gucong3000/postcss-html: PostCSS syntax for parsing HTML (and HTML-like)
- gucong3000/postcss-markdown: PostCSS Syntax for parsing Markdown
- gucong3000/postcss-jsx: PostCSS syntax for parsing CSS in JS literals
- gucong3000/postcss-styled: PostCSS syntax for parsing styled components
- AleshaOleg/postcss-sass: A Sass parser for PostCSS, using gonzales-pe. https://www.npmjs.com/package/postcss-sass
- shellscape/postcss-less: PostCSS Syntax for parsing LESS
- Crunch/postcss-less
- postcss/postcss-js: PostCSS for React Inline Styles, Free Style and other CSS-in-JS
- postcss/postcss-safe-parser: Fault tolerant CSS parser for PostCSS
- ben-eb/midas: Syntax highlighter based on PostCSS.
- postcss/postcss-scss: SCSS parser for PostCSS.
安装、配置、理解与运用
- PostCSS自学笔记(一)【安装使用篇】 - 我的笔记 - SegmentFault 思否
- PostCSS自学笔记(二)【插件篇】 - 我的笔记 - SegmentFault 思否
- PostCSS自学笔记(二)【番外篇一】 - 我的笔记 - SegmentFault 思否
- PostCSS自学笔记(二)【番外篇二】 - 我的笔记 - SegmentFault 思否
- css后置处理器PostCss安装与配置 - 要优秀! - CSDN博客
- PostCSS理解与运用 - tuna- - 博客园
- [译]PostCSS介绍 - 稻草人.Net - 博客园
- postcss的安装与使用 - 我爱张苗苗 - 博客园
- postcss那些事儿 - 咖谧也 - 博客园
- 为什么使用PostCSS? - 放开那位大妈的博客 - CSDN博客
- POSTCSS快速入门使用 - Div.IO
- PostCSS_入门 精通 教程_w3cplus
- 手把手教你webpack3(11)PostCSS-Loader配置简述 - qq20004604的博客 - CSDN博客
- Coding-Guide/PostCSS配置指北.md at master · ecmadao/Coding-Guide
¥Sass
sass core
- Sass: Syntactically Awesome Style Sheets
- Sass: Syntactically Awesome Style Sheets
- Sass 参考手册 | Sass 中文文档
- SASS - 成熟、稳定、强大的 CSS 扩展语言解析器。 | SASS 中文网
- sass入门 - sass教程
Sass 混入(Mixins)库
- Bourbon – 简单轻量的 Sass 混入(Mixins)库 - 梦想天空(山边小溪) - 博客园
polished
- styled-components/polished: A lightweight toolset for writing styles in JavaScript ✨
- polished | A lightweight toolset for writing styles in JavaScript
node-sass
- npm无法安装node-sass的解决方法 - 王洪宝 - 博客园
- vue.js - 安装不了node-sass - SegmentFault 思否
- node.js - zurb foundation 6 manual setup - error Failed at the node-sass@3.13.1 postinstall script - Stack Overflow
- 整理 node-sass 安装失败的原因及解决办法 - 个人文章 - SegmentFault 思否
- npm install报错node-sass
- node-sass 安装 - yomie - 博客园
- oddbird/susy: Responsive layout toolkit for Sass
- 分享15款很实用的 Sass 和 Compass 工具 - 梦想天空(山边小溪) - 博客园
¥SCSS
- SCSS — 缩减50%的样式代码 - 掘金
¥Stylus
- stylus/stylus: Expressive, robust, feature-rich CSS language built for nodejs
- Stylus: Innovation Research & Advisory
- 『前端干货篇』:你不知道的Stylus - 掘金
- stylus中文文档 » 综述 » 张鑫旭-鑫空间-鑫生活
¥styled-components
- styled-components/styled-components: Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
- styled-components
- styled-components
¥预处理器语言图形编译
- Koala - LESS/Sass/Compass/CoffeeScript编译工具
- oklai/koala: Koala is a GUI application for less, sass and coffeescript compilation, to help web developers to the development more efficient.
- CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?_Sass, Compass, BEM, SMACSS, OOCSS, ACSS, CCSS 教程_w3cplus
- jonathanpath/SASS-SMACSS: To start your project with SASS. Inspired by SMACSS from Jonathan Snook.
- Styleneat - CSS Organizer
- PCSS - CSS Server-side Preprocessor
- CSS Drive Gallery- CSS Compressor
$CSS资源、整理集&FAQ
¥整理集
CSS进阶
- CSS进阶(1)—— 重新认识CSS - 掘金
- CSS进阶(2)—— width,height如此高深,难道你真懂得 - 掘金
- CSS进阶(3)——深入理解content - 掘金
- CSS进阶(4)—— 温和padding中的诡异CSS现象 - 掘金
- CSS进阶(5)—— 深入理解margin - 掘金
- CSS进阶(6)—— 浅尝盒模型中最友好的border - 掘金
- CSS进阶(7)—— 内联元素的掌管者line-height和vertical-align(上) - 掘金
- CSS进阶(8)—— 内联元素的掌管者line-height和vertical-align(下) - 掘金
- CSS进阶(9)—— 那些年骗过你的float和“清浮动” - 掘金
- CSS进阶(10)—— 深入理解BFC结界 - 掘金
- CSS进阶(11)—— overflow属性详解,利用CSS实现锚点定位 - 掘金
- CSS进阶(12)—— position:absolute如此高深,我当真不懂(上) - 掘金
- CSS进阶(13)—— position:absolute如此高深,我当真不懂(中) - 掘金
- CSS进阶(14)—— position:absolute如此高深,我当真不懂(下) - 掘金
- CSS进阶(15)—— CSS世界的层叠规则(上) - 掘金
- CSS进阶(16)—— CSS世界的层叠规则(下) - 掘金
- CSS进阶(17)—— CSS中的文本处理(上) - 掘金
- CSS进阶(18)—— CSS中的文本处理(中) - 掘金
- CSS进阶(19)—— CSS中的文本处理(下) - 掘金
- CSS进阶(20)—— 详解display:none和visibility: hidden的区别 - 掘金
- CSS进阶(21)—— CSS中的装饰属性和用户体验属性 - 掘金
- CSS 进阶(终章)—— CSS 世界流向的掌控者 direction 和 writing-mode - 掘金
- chokcoco/iCSS: 谈谈一些有趣的 CSS 话题
- chokcoco/CSS-Inspiration: CSS Inspiration,在这里找到写 CSS 的灵感!
- 【Hello CSS】序章 - 起源 - 掘金
- 个人总结(css3新特性) - 掘金
- 【译】如何学习CSS - 掘金
- css详解笔记 - 待繁华落尽 - 博客园
- 前端学习笔记 - Css初级篇 - 业余的强迫症患者丶 - 博客园
- CSS3阴影 box-shadow的使用和技巧总结 - freshlover的专栏 - CSDN博客
- 响应式Web设计:50实例与实践 - ithink-设计-Design
- 给你梳理了 44 个 CSS 精选知识点
- 前端常用的CSS代码 - 掘金
¥FAQ
textarea实现高度自适应
- textarea如何实现高度自适应(不出现滚动条)?-博客-云栖社区-阿里云
- CSS与中文相关的一些特性 - 掘金
- 前端页面水印生成实现 - 掘金
- 淘宝放大镜的简单实现,原来道理很简单 - 掘金
- 粉丝群CSS小测第1期答疑文字版 - 掘金
- 你不知道的css3(上) -- 用css3为你的组件添加风景 - 掘金
- 你不知道的css3(下) -- 用css3为你的组件添加可靠性 - 掘金
- CSS:background-color - CSDN博客
- CSS隐藏元素 display visibility opacity的区别 - CSDN博客
- 子元素margin-top属性传递给父元素的问题 - CSDN博客
- css3 - 图标元素动画效果2 - 动画无限循环、循环一定次数、反向动画 - CSDN博客
- css3平移、旋转、倾斜、缩放、动画效果的实现 - CSDN博客
- 小tip:CSS vw让overflow:auto页面滚动条出现时不跳动 « 张鑫旭-鑫空间-鑫生活
- canvas getImageData与任意字符图形点、线动效实现 « 张鑫旭-鑫空间-鑫生活
- canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效 « 张鑫旭-鑫空间-鑫生活
- “蝉原则”与CSS3随机多背景随机圆角等效果 « 张鑫旭-鑫空间-鑫生活
- 用3D LUT滤镜我做了个在线专业电影级别照片调色工具 « 张鑫旭-鑫空间-鑫生活
- 深入理解SVG feDisplacementMap滤镜及实际应用 « 张鑫旭-鑫空间-鑫生活
- currentColor-CSS3超高校级好用CSS变量 « 张鑫旭-鑫空间-鑫生活
- 小tip:CSS vw让overflow:auto页面滚动条出现时不跳动 « 张鑫旭-鑫空间-鑫生活
- CSS百分比padding实现比例固定图片自适应布局 « 张鑫旭-鑫空间-鑫生活
- canvas getImageData与任意字符图形点、线动效实现 « 张鑫旭-鑫空间-鑫生活
- canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效 « 张鑫旭-鑫空间-鑫生活
- 用3D LUT滤镜我做了个在线专业电影级别照片调色工具 « 张鑫旭-鑫空间-鑫生活
- CSS clip:rect几个值含义示意 » 张鑫旭-鑫空间-鑫生活
- absolute+margin实现的文字投影效果 >> 张鑫旭-鑫空间-鑫生活
- 获取元素CSS值之getComputedStyle方法熟悉 « 张鑫旭-鑫空间-鑫生活
- 如何在CSS中实现父选择器效果? « 张鑫旭-鑫空间-鑫生活
- 切图技巧之怎么使用ps定位CSS Sprite图片 - 网页前端 - 站长圈
- 响应式和自适应有什么区别? - 站酷(ZCOOL)移动版
- text-shadow用法 - flyqingfei - 博客园
- 如何通过脚本修改CSS3动画的keyframe - 为程序员服务
- 教你一分钟实现动态模糊效果
- CSS如何设置html table表格边框样式 - DIVCSS5
- 如何通过脚本修改CSS3动画的keyframe - 为程序员服务
- CSS3自定义滚动条样式 -webkit-scrollbar - 轩枫阁 – 前端开发 | web前端技术博客
- 巧用 CSS 实现酷炫的充电动画 - 掘金
资料&资源&整理集
$最全前端资源汇总
¥前端知识综合类
- WEB大前端工程师路径图的标题_职业路径图_IT职业在线教育平台_极客学院
- 前端知识体系 - naniJser - 博客园
- JacksonTian/fks: 前端技能汇总 Frontend Knowledge Structure
- FKS Documentation
- unruledboy/WebFrontEndStack: web front end stack: browsers, platforms, libraries, frameworks, tools etc.
- Web前端开发大系概览 (前端开发技术栈) - 灵感之源 - 博客园
- justjavac/free-programming-books-zh_CN: 免费的计算机编程类中文书籍,欢迎投稿
- EbookFoundation/free-programming-books: Freely available programming books
- free-programming-books | :books: Freely available programming books
- dypsilon/frontend-dev-bookmarks: Manually curated collection of resources for frontend web developers.
- 前端开发者手册 · Front-end Developer HandBook
- nieweidong/fetool: 大前端的瑞士军刀,只记录有用的。
- Introduction · 前端开发笔记本
- li-xinyang/FE_Note: 📒 Front-end Development Notebook From Start to Finish! (Simplified Chinese)
- icepy/Front-End-Develop-Guide: 💰 Awesome The Front End Develop Guide:这份指南汇集了前端开发所使用语言的主流学习资源,并以开发者的视角进行整理编排而成。
- AlloyTeam/Mars: 腾讯移动 Web 前端知识库
- 第 1 章: 我们在做什么? · JS 函数式编程指南
- JavaScript中的this陷阱的最全收集--没有之一 - Web开发手记 - SegmentFault 思否
- 麻省理工学院公开课:计算机科学及编程导论_全24集_网易公开课
¥前端入门类
- 1. web前端开发分享-css,js入门篇 - 豪情 - 博客园
- 2. web前端开发分享-css,js进阶篇 - 豪情 - 博客园
- 3. web前端开发分享-css,js提高篇 - 豪情 - 博客园
- 4. web前端开发分享-css,js工具篇 - 豪情 - 博客园
- 5. web前端开发分享-css,js深化篇 - 豪情 - 博客园
- 6. web前端开发分享-css,js移动篇 - 豪情 - 博客园
- 前端工程师必备的PS技能—切图篇-慕课网
- qiu-deqing/FE-learning: 结合个人经历总结的前端入门方法
¥前端开发工具类
- 新编码神器Atom使用纪要 | 晚晴幽草轩
- CSS Sprite(精灵图)雪碧图用法视频教程-慕课网
- 版本控制入门–搬进 Github-慕课网
- 前端自动化工具Grunt-beginner使用教程-慕课网
- judasn/IntelliJ-IDEA-Tutorial: IntelliJ IDEA 简体中文专题教程
- Atom
- Visual Studio Code - Code Editing. Redefined
¥前端常用综合搜索平台
- jobbole/awesome-javascript-cn: JavaScript 资源大全中文版,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等
- 100+ 超全的web开发工具和资源 – 稀土区
- Zoommy - more than 130 000 free photos in one place
- Beautiful Free Images & Pictures | Unsplash
- Pinterest
- New Old Stock
- 花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品、设计/创意灵感等)
- 摄图网-正版高清图片免费下载_商用设计素材图库
- Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
¥团队Blog|周报类
- 极客学院Wiki - IT 技术图文教程库
- 奇舞周刊
- WEB前端开发-专注前端开发,关注用户体验
- Js Tips - A JavaScript tip per day!
- Web开发 | AlloyTeam
- PaicHyperionDev/MobileDevWeekly: 平安金融科技移动开发周报
¥开发中心
- Chrome APIs - Google Chrome
- Resources - Safari - Apple Developer
- JavaScript Version Information - Microsoft Edge Development | Microsoft Docs
- Sanshi.me
- JavaScript 秘密花园
- W3Help - 兼容性 - 知识库
¥Node.js
- alsotang/node-lessons: 《Node.js 包教不包会》 by alsotang
- 小撸
- 【NodeJS 学习笔记04】新闻发布系统 - 叶小钗 - 博客园
- 过年7天乐,学nodejs 也快乐 - 互联网Fans - 博客园
- nqdeng/7-days-nodejs: 七天学会NodeJS
- 七天学会NodeJS
- Nodejs学习笔记(二)--- 事件模块 - porschev - 博客园
- Node.js入门 - M守护神 - 博客园
- zensh/jsgen: [DEPRECATED]JsGen is a next generation,free, open source web software that you can generate a powerful website, such as blog, forum, etc. It is coded by pure JavaScript, based on Node.js, AngularJS, MongoDB.
- 从零开始nodejs系列文章 | 粉丝日志
- Understanding the node.js event loop
- Node入门 » 一本全面的Node.js教程
- OurJS-免费开源的博客引擎,论坛系统,网站模板和轻量级的CMS - OurJS
- Node初学者入门,一本全面的NodeJS教程 - OurJS
- NodeJS的代码调试和性能调优 | 小胡子哥的个人网站
- The Node Beginner Book - A comprehensive Node.js tutorial
- 叶小钗 - 博客园
¥综合API
- JavaScripting.com - The Database of JavaScript Libraries
- 菜鸟教程 - 学的不仅是技术,更是梦想!
- 在线API文档
- DevDocs API Documentation
¥Ecmascript
- Read Understanding ECMAScript 6 | Leanpub
- es6-org/exploring-es6: 《 Exploring ES6 》的翻译,可以在此处阅读最新的翻译:
- 探索 ES6
- JavaScript 标准参考教程(alpha) -- JavaScript 标准参考教程(alpha)
- ECMAScript5.1中文版 + ECMAScript3 + ECMAScript(合集)
- Annotated ES5
¥JS template
- So you need a template engine..
Template-Engine-Chooser
doT.js
- doT.js - the fastest and concise javascript template engine for Node.js and browsers
- olado/doT: The fastest + concise javascript template engine for nodejs and browsers. Partials, custom delimiters and more.
domjs
- medikoo/domjs: DOM template engine for client and server
dustjs
- linkedin/dustjs: Asynchronous Javascript templating for the browser and server
- Dust.js by LinkedIn
handlebarsjs
- Handlebars.js: Minimal Templating on Steroids
- wycats/handlebars.js
ejs
- tj/ejs: Embedded JavaScript templates for node
- mde/ejs: Embedded JavaScript templates -- http://ejs.co
- EJS -- Embedded JavaScript templates
- EJS -- 嵌入式 JavaScript 模板引擎 | EJS 中文文档
- sail-sail/ejsExcel: nodejs excel template engine. node export excel
- ejsexcel
hogan.js
- Hogan.js
- twitter/hogan.js: A compiler for the Mustache templating language
Jade templates
- pugjs/pug: Pug – robust, elegant, feature rich template engine for Node.js
- Getting Started – Pug
jsrender
- JsRender: Demos
- BorisMoore/jsrender: A lightweight, powerful and highly extensible templating engine. In the browser or on Node.js, with or without jQuery.
- JsRender/JsViews
- JsRender/JsViews
- jsrender - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!
Markup.js
- adammark/Markup.js: Powerful JavaScript templates
mustache.js
- janl/mustache.js: Minimal templating with {{mustaches}} in JavaScript
- {{ mustache }}
nunjucks
- mozilla/nunjucks: A powerful templating engine with inheritance, asynchronous control, and more (jinja2 inspired)
- Nunjucks
plates
- flatiron/plates: Light-weight, logic-less, DSL-free, templates for all javascript environments!
pure.js
- pure.js - Javascript Template Engine
- pure/pure: PURE Unobtrusive Rendering Engine for HTML
transparency
- Try Transparency
- leonidas/transparency: Transparency is a semantic template engine for the browser. It maps JSON objects to DOM elements by id, class and data-bind attributes.
underscore-template-loader
- emaphp/underscore-template-loader: A Underscore and Lodash template loader for Webpack
- tmodjs/README.md at master · aui/tmodjs
- aui/tmodjs: 前端模板外置解决方案
fxtpl
- koen301/fxtpl: 全新的JS模板引擎
- Fxtpl
layui.laytpl
- 模板引擎文档 - layui
- laytpl前端模版引擎 - 在线演示 - layui
Juicer
- PaulGuo/Juicer: A Light Javascript Templete Engine.
- dust
etpl
- ETpl - Enterprise Template
- ecomfe/etpl: ETPL是一个强复用、灵活、高性能的JavaScript模板引擎,适用于浏览器端或Node环境中视图的生成。
¥HTML5(HTML)
- 深入理解HTML5标签 - iLeox Notes - SegmentFault 思否
- 如何写出高效率的HTML - iLeox Notes - SegmentFault 思否
- High performance HTML | Sam Dutton’s blog
- HTML meta标签总结与属性使用介绍 - Lxxyx的开发笔记 - SegmentFault 思否
- 戏说HTML5 - 木的树 - 博客园
¥CSS3(CSS)
- CSS Reference | Codrops
- csswizardry/CSS-Guidelines: High-level guidelines for writing manageable, maintainable CSS
- CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS
- chadluo/CSS-Guidelines: a zh-CN translation
- CSS小工具
- 全局CSS的终结(狗带) [译] | AlloyTeam
- Browserhacks
¥Angularjs
- dolymood/AngularLearning: Angular.js 的一些学习资源
- Angularlearning by dolymood
- AngularJS 源码分析2 - feenan - 博客园
- ww1.ifeenan.com
- Angular directives for Bootstrap
- angular-ui/bootstrap: PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitti
- Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog - CNode技术社区
- mz121star (Jarrick)
- 使用AngularJS构建大型Web应用
- AngularJS 最佳实践 – 尘埃落定
- Pasvaz/bindonce: Zero watches binding for AngularJs
- AngularUI
- AngularUI for AngularJS
- EmberJS vs AngularJS : performance testing | Void Canvas
- 带你走近AngularJS - 基本功能介绍 - 葡萄城技术团队 - 博客园
- Angularjs学习---官方phonecat实例学习angularjs step0 step1 - Hi_Amos - 博客园
- AngularJS: Tutorial: Tutorial
- jmcunningham/AngularJS-Learning: A bunch of links to blog posts, articles, videos, etc for learning AngularJS
- opitzconsulting/jquery-mobile-angular-adapter: jquery mobile angular adapter
- AngularStrap - AngularJS 1.2+ native directives for Twitter Bootstrap 3.
- 【每日一博】整合jQuery Mobile+AngularJS经验谈 - 推酷
- 有jQuery背景,该如何用AngularJS编程思想? - 文章 - 伯乐在线
- AngularJs 在线教程 入门教程 开发指南 学习笔记 基础教程 angular在线
- AngularJS学习笔记 - YS.Zou
¥React
- React 中文
- Getting Started – React
- The world's most popular React UI framework - Material-UI
- Touchstone JS – What’s Coming for This UI Framework
- React 入门实例教程 - 阮一峰的网络日志
- React Native官方文档中文版_React Native中文教程_React Native开发中文手册[PDF]下载-极客学院Wiki
- Webpack 和 React 小书 - fakefish - 前端乱炖
- 介绍 | React Webpack 小书
- Webpack,101入门体验 - webpack - 前端乱炖
- webpack入门教程 - 学习笔记 - 前端乱炖
- 基于webpack搭建前端工程解决方案探索 - dmyang - SegmentFault 思否
¥Vue
- Vue 入门指南 - 【艾伦】 - 博客园
- Vue.js 的一些资源索引 - 题叶 - SegmentFault 思否
¥移动端API
- jtyjty99999/mobileTech: A useful tools or tips list for mobile web application developing
- 移动前端的一些坑和解决方法(外观表现)-前端开发博客
- 【原】移动web资源整理 - 白树 - 博客园
- Issues · maxzhang/maxzhang.github.com
- hoosin/mobile-web-favorites: This is a favorites, with a mobile web tips.
¥jQuery
- jQuery API 中文文档 | jQuery 中文网
- jQuery(selector,context)函数参数含义 - Acmera-播客分享 - CSDN博客
- jQuery源码分析之jQuery(selector,context)详解 - 高山上的鱼 - CSDN博客
- jQuery 核心函数:jQuery([selector,[context]])最基础的函数 - theowl的专栏 - CSDN博客
- .on() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
- jQuery UI API中文文档(适用jQuery UI 1.12.1)
- jQuery Learning Center
- Web前端资源汇总 - 计划 - 博客园
¥D3
- Tutorials · d3/d3 Wiki
- Gallery · d3/d3 Wiki
- d3.js 学习资源 - alanland - ITeye博客
- D3.js -- JavaScript 标准参考教程(alpha)
- NVD3
¥Requriejs
- Javascript模块化编程(一):模块的写法 - 阮一峰的网络日志
- Javascript模块化编程(三):require.js的用法 - 阮一峰的网络日志
- RequireJS入门(一) - snandy - 博客园
- RequireJS入门(二) - snandy - 博客园
- RequireJS进阶(三) - snandy - 博客园
- 【requireJS源码学习01】了解整个requireJS的结构 - 叶小钗 - 博客园
- RequireJS学习笔记 - 叶小钗 - 博客园
- Why SeaJS
- RequireJS与Backbone简单整合 - 叶小钗 - 博客园
¥seajs
- Why SeaJS
¥Less,sass
- Sass世界上最成熟、稳定和强大的CSS扩展语言 | Sass中文网
- Sass: Syntactically Awesome Style Sheets | Sass 中文文档
- 快速入门 | Less.js 中文文档
¥Markdown
- Learning-Markdown/README.md at master · LearnShare/Learning-Markdown
- mditor 一款轻量级的markdown编辑器
- bh-lay/mditor: 一款轻量级的markdown编辑器 ediotor for markdown
- lepture/editor: A markdown editor. http://lab.lepture.com/editor/
- Editor
- Just lepture
- jbt/markdown-editor: Live (Github-flavored) Markdown Editor
- New Document
¥兼容性
- ECMAScript 6 compatibility table
- W3C CSS 验证服务
- Can I use... Support tables for HTML5, CSS3, etc
- CSS Properties & Selectors | CSS Creator
- CSS 兼容性和 Internet Explorer | Microsoft Docs
- Responsinator
¥UI相关
- 拼图Pintuer-跨屏响应式布局前端开发CSS框架
- GotGitHub — GotGitHub
- GotGit
¥其它API
- HTTP API 设计指南 - SegmentFault 思否
- nice Validator 示例,jQuery智能表单验证
- 标签: underscore | 亚里士朱德的博客
- SVG 参考手册
- developer.mozilla.org
- AI to SVG - Convert your AI to SVG for Free Online
¥图表类
- Highcharts JS API Reference
- ECharts
- 开发 | 高德地图API
- Home
¥正则
- JS正则表达式元字符 - 小弟调调 - SegmentFault 思否
- 正则表达式30分钟入门教程
- Regester - 正则表达式测试工具
- developer.mozilla.org
- RegExp对象 -- JavaScript 标准参考教程(alpha)
- 进阶正则表达式 - Div.IO
- Regexper
¥前端规范
- Code Guide by @AlloyTeam
- 编码规范 by @mdo
- 关于团队合作的css命名规范 | AlloyTeam
- Max Yu
- 前端编码规范之JavaScript - Barret Lee - 博客园
- yuche/javascript: Airbnb JavaScript 编码规范
- AMD规范与CMD规范的区别 - 龙恩0707 - 博客园
- KISSY 源码规范 — KISSY v1.4 Documentation
- 前端代码规范 及 最佳实践 - 文章 - 伯乐在线
- 前端代码规范 及 最佳实践 | Isobar
- ISOBAR Front-end Code Standards & Best Practices | Isobar
- ecomfe/spec: This repository contains the specifications.
- JavaScript 风格指南/编码规范(Airbnb公司版) - 文章 - 伯乐在线
- 规范 - NEC : 更好的CSS样式解决方案
- starriness/es6-coding-style: ECMAScript 2015 编码规范--广发证券前端团队
¥各大公司开源项目
- FEX - FEX
- EFE Tech - 百度EFE(Excellent FrontEnd)技术体系
- Baidu FEX team
- AlloyTeam|腾讯全端 AlloyTeam 团队
- 腾讯 Web 前端团队 - AlloyTeam
- dntzhang/cax: HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
- AlloyDesigner——For Fast Web Development
- AEditor
- fenbility/weekly-feed: 推荐的一些值得订阅的Weekly
- 奇舞团开源项目
- Qunar UED
- H5交互页编辑器AEditor介绍 | AlloyTeam
¥常用
- hotoo/pinyin: 汉字拼音 ➜ hàn zì pīn yīn
- pinyin - 汉字拼音转换工具。
- Virtual Keyboard
- zhangxinxu/ieBetter.js: make ie browser like a morden browser main for ie6~ie8,
- ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性 « 张鑫旭-鑫空间-鑫生活
¥算法
- Ralph-Wang/algorithm.in.js: 数据结构与算法 JavaScript 描述. 章节练习
- twobin/twobinSort: 常见排序算法(JS版)
- jsAgm/sort.js at master · luofei2011/jsAgm
- hechangmin/jssort: 常见排序算法-js版本
- lightningtgc/JavaScript-Algorithms: JS算法 数据结构 精华集
¥移动端
- ftlabs/fastclick: Polyfill to remove click delays on browsers with touch UIs
- mmastrac/jquery-noclickdelay: Removes the 300ms click delay from iOS webviews
- 【敏捷开发】Android团队开发规范 - Leo.cheng - 博客园
- 【译】[干货] Android 开发规范与应用 - 简书
- ychow/ionic-guide: Ionic 中文指南
¥焦点图
- koen301/myfocus: myFocus JavaScript Library
- myFocus官方演示站
- SuperSlide | TouchSlide 官方网站 大话主席
¥UI方案
- Sencha Ext JS - Sencha.com | Sencha.com
- Ext JS 4.0.7 - Sencha Docs
- 简单实用国产jQuery UI框架 - DWZ富客户端框架(J-UI.com)
- MUI-最接近原生APP体验的高性能前端框架
- SUI Mobile
- KISSY - A Powerful JavaScript Framework
- Kendo UI MVVM Demo
- YUI Library
- atizo/smartui: Smart User Interfaces
¥页面 社会化 分享功能
- 百度分享,为您带来更多流量 - 百度分享
- 百度分享平台-服务详情-百度开发者中心
- Mob官网 - 全球领先的移动开发者服务平台
- 开发者中心
¥富文本编辑器
- UEditor - 首页
- 在线HTML编辑器
- 微型、开源的Bootstrap所见即所得(WYSIWYG)富文本编辑器 -- 由MindMup贡献
- mindmup/bootstrap-wysiwyg: Tiny bootstrap-compatible WISWYG rich text editor
- Bach's Editor
- mycolorway/simditor: An Easy and Fast WYSIWYG Editor
- Squire
- neilj/Squire: HTML5 rich text editor. Try the demo integration at
- Quill - Your powerful rich text editor
- quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.
- wangfupeng1988/wangEditor: wangEditor —— 轻量级web富文本框
- wangEditor - 轻量级web富文本编辑器
¥前端概述
- 前端工程——基础篇 · Issue #10 · fouber/blog
- [译] 前端攻略-从路人甲到英雄无敌 - 某熊的全栈之路 - SegmentFault 思否
- From Zero to Front-end Hero (Part 1) – freeCodeCamp.org
¥Gulp
- gulp.js - The streaming build system
- Platform-CUF/use-gulp: gulp资料收集
- Gulp:任务自动管理工具 -- JavaScript 标准参考教程(alpha)
- CUF_meeting_knowledge_share/2015-8-17/bower-dependence-inject at master · hjzheng/CUF_meeting_knowledge_share
- 2015-5-30 使用gulp · Issue #33 · hjzheng/CUF_meeting_knowledge_share
- Gulp安装及配合组件构建前端开发一体化 | DBPOO'S BLOG
- onface/gulp-book: Gulp 入门指南
- 《Gulp 入门指南》- 前言 · Issue #19 · onface/blog
- Gulp开发教程(翻译) - w3ctech
- How To Build And Develop Websites With Gulp — Smashing Magazine
- 前端构建工具gulpjs的使用介绍及技巧 - 无双 - 博客园
- contra/glob2base: Extracts a base path from a node-glob instance
¥Grunt
- Grunt: The JavaScript Task Runner
- Grunt: JavaScript 世界的构建工具 | Grunt 中文网
¥Fis
- F.I.S -前端工具框架
- fex-team/fis: Front-end Integrated Solution - 前端集成解决方案, 最新版请进入 FIS3 https://github.com/fex-team/fis3
- fex-team/fis3: FIS3
- FIS3 - 前端工程构建工具
¥文件上传
- Web Uploader
- elemefe.github.io/image-cropper/
¥图轮
- Swiper - Most Modern Mobile Touch Slider
- peunzhang/fullpage: For desktop(ie5.5+) or mobile webApp without jQuery,create full screen pages fast and simple.
- qiqiboy/touchslider: TouchSlider是一个轻量级的javascript组件,设计的目的是提供一个可以方便实现全平台(PC及移动端触摸界面)的幻灯slider效果。
- peunzhang/slip.js: 移动端跟随手指滑动组件,零依赖。
- peunzhang/iSlider: Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
- saw/touch-interfaces: Building Touch Interfaces with HTML5 - Code Listings
- Tiny Circleslider: A lightweight cross browser circular carousel.
- TouchSlider — JavaScript slide content
- Swiper演示 - Swiper中文网
- hahnzhu/parallax.js: 滚动视差效果封装,便于快速调用实现
- yanhaijing/zepto.fullpage: 专注于移动端的fullPage.js
- Luke's Blog
- JefferyWang/nativeShare.js: 一个在手机网页端可以直接调用原生分享的js
- 聊聊移动端跨平台开发的各种技术 - FEX
- NiceSlider - A Lightweight Touch Slider
- Slideout.js - A touch slideout navigation menu for your mobile web apps.
- Mango/slideout: A touch slideout navigation menu for your mobile web apps.
¥移动端图轮
- [WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - plums - 博客园
- NiceSlider - A Lightweight Touch Slider
¥模拟select
- selectbox
- rmm5t/jquery-flexselect: A jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls.
¥取色插件
- jQuery颜色选取器插件COLPICK
- jquery/jquery-color: jQuery plugin for color manipulation and animation support.
- jQuery颜色选择插件 - 开源软件 - OSCHINA
- mattfarina/farbtastic: jQuery Color Wheel
¥城市联动
- 第74款插件:jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果 – 爱上JQuery
¥剪贴板
- zeroclipboard/zeroclipboard: The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.
- ZeroClipboard v2.x
¥繁简转换
- BYVoid/OpenCC: A project for conversion between Traditional and Simplified Chinese
¥表格 Grid
- opensource.facebook.com
- Handsontable | JavaScript Data Grid Component For Web Apps
- Bootstrap Table · An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation)
¥在线演示
- JS Bin - Collaborative JavaScript Debugging
- jsfiddle.net
- Ideone.com - Online Compiler and IDE >> C/C++, Java, PHP, Python, Perl and 40+ other compilers and interpreters
- 创建新代码 | JShare
- JSDM
- SQL Fiddle
- Mozilla 打造的 Thimble - 一个在线代码编辑器,适合学习和教育工作者。
¥常规优化
- Javascript高性能动画与页面渲染
- 给网页设计师和前端开发者看的前端性能优化 - 优设网 - UISDC
- YSLOW 中文文摘 - YSLOW 中文介绍 - 博客园
- 转一篇Yahoo关于网站性能优化的文章,兼谈本站要做的优化 - 文章 | 360ITO技术社区 360ito.com
- Yahoo!团队实践分享:网站性能优化的34条黄金守则(一)—内容
- 网站性能优化指南:什么使我们的网站变慢? | 加速乐's Blog_Jiasule.com
- 网站性能优化实践,减少加载时间,提高用户体验 - 动易软件
- 【高性能前端1】高性能HTML | AlloyTeam
- 【高性能前端2】高性能CSS | AlloyTeam
- 由12306.cn谈谈网站性能技术 | | 酷 壳 - CoolShell
- 毫秒必争,前端网页性能最佳实践 - 微软互联网开发支持 - 博客园
- Best Practices for Speeding Up Your Web Site - Yahoo Developer Network
- 网站性能工具Yslow的使用方法_米启点-前端开发_新浪博客
- 前端工程精粹(一):静态资源版本更新与缓存
- 前端工程精粹(二):静态资源管理与模板框架
- HTTPS连接的前几毫秒发生了什么 - 文章 - 伯乐在线
- Yslow
- YUISlide,针对移动设备的动画性能优化
- 让网站提速的最佳前端实践 - 我的技术博客 - SegmentFault 思否
- Website Loading Speed | Website Optimization
- Need for Speed – How to Improve your Website Performance · Devbridge
- 阿里无线前端性能优化指南 (Pt.1 加载期优化) · Issue #1 · amfe/article
- amfe/amfe-appear: 可视区域懒加载组件
- amfe/ml: 无线前端库
¥优化工具
- JavaScript 性能分析新工具 OneProfile - OneAPM技术博客 - 前端乱炖
- JavaScript 堆内存分析新工具 OneHeap - OneAPM技术博客 - 前端乱炖
¥在线工具
- developers.google.com
- jsPerf: JavaScript performance playground
- HTML/CSS/Javascript在线代码运行工具 | 菜鸟教程
- 代码在线运行 - 在线工具
¥前端架构
- 技术架构 - 知乎
- 如何成为前端架构师? - 知乎
- 百度腾讯offer比较(腾讯游戏VS百度基础架构)? - 知乎
¥推荐作品
- gist.github.com
- 实例索引
- hongru/hongru.github.com: hongru.github.com
- 米空格
- 一些写过的作品 - Laoshu133.com
- Koen's Project
- SeaJS 组件库
- 颜海镜的项目
- javascript个人作品 - A JavaScript Fancier - IT博客
- 【妙味课堂】我用 JavaScript 写游戏之 -- 雷东升作品集 - 妙味学员作品展 - 妙味茶馆 - Powered by Discuz!
- HTML5和Javascript作品与技术分享-CSDN论坛
- TooBug/works: 一些比较老的作品
- WEB前端在线测试
- 博客词云 | Dron 博客
- javascript黑白棋人机博弈游戏 版本:1.02
- fromone | to be unique
- Guille Paz - Front-end Developer
- zmmbreeze/DeadSimpleVideoPlayer: Dead simple html5 Video player.
- Proton
¥面试题
- 那几个月在找工作(百度,网易游戏,华为)_笔经面经_牛客网
- 2014年最新前端开发面试题 - 最新【前端面试题】收集-MarkYun - 前端乱炖
- 2016校招内推 -- 阿里巴巴前端 -- 四面面试经历 - -渔人码头- - 博客园
- 年后跳槽那点事:乐视+金山+360面试之行 - 吕大豹 - 博客园
- Interviewing a Front-End Developer | Underdog.io
- js 也来 - 【拉勾专场】抛弃简历!让代码说话! - 楼教主 - 博客园
- 前端工作面试问题 - allenxing - 博客园
- 前端开发面试题 - weakish - SegmentFault 思否
- My-blog/Front-end-Developer-Questions at master · markyun/My-blog
- fex-team/interview-questions: FEX 面试问题
- 如何面试一名前端开发工程师? - 大搜车前端团队专栏 - 前端乱炖
- 前端实习生面试总结 - 晓婼 - 博客园
- paddingme/Front-end-Web-Development-Interview-Question: 前端开发面试题大收集,前端面试集锦
- qiu-deqing/FE-interview: 收集的前端面试题和答案
- 如何面试前端工程师? - 知乎
- My-blog/README.md at master · markyun/My-blog
- 笔经面经_互联网求职学习交流_讨论区_牛客网
¥iconfont
- 中文字体有类似google fonts这样的网站么? - 知乎
- Iconfont-阿里巴巴矢量图标库
- UX图标字体库 - 阿里妈妈MUX
- icomoon « 搜索结果 « 张鑫旭-鑫空间-鑫生活
¥Fiddler
- Fiddler调式使用知多少(一)深入研究 - 龙恩0707 - 博客园
- 移动开发中Fiddler的那些事儿 - 咖啡机(K.F.J) - 博客园
- [微信开发利器]微信内移动前端开发抓包调试工具fiddler使用教程 - 猿资猿味
¥Chrome
- Chrome 开发者工具 | Tools for Web Developers | Google Developers
- Chrome开发者工具不完全指南(一、基础功能篇) - 卖烧烤夫斯基 - 博客园
- Chrome开发者工具不完全指南(二、进阶篇) - 卖烧烤夫斯基 - 博客园
- Chrome开发者工具不完全指南:(三、性能篇) - 卖烧烤夫斯基 - 博客园
- Chrome开发者工具不完全指南(四、性能进阶篇) - 卖烧烤夫斯基 - 博客园
- Chrome开发者工具不完全指南(五、移动篇) - 卖烧烤夫斯基 - 博客园
- chrome使用技巧(看了定不让你失望) - 静逸 - 博客园
- Chrome 控制台不完全指南 - 刘哇勇 - 博客园
- Console API Reference | Tools for Web Developers | Google Developers
- 通过 Chrome Workspace 调试本地项目 | 小影志
- 分析chrome中的network面板 - 没事瞎琢磨 - 前端乱炖
- Chrome Devtools Cheatsheet
- chrome调试工具常用功能整理 - 前端开发工具 - 前端乱炖
- Chrome神器Vimium快捷键学习记录 - 我的编程乐园 - C++博客
- 如何更专业的使用Chrome开发者工具_tools, DevTools 教程_w3cplus
- 使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能 - OSCHINA
- 使用 Chrome DevTools 中的 Device Mode 模拟移动设备 | Tools for Web Developers
- 作为Web开发人员,我为什么喜欢Google Chrome浏览器 - Q.Lee.lulu - 博客园
- Console Utilities API Reference | Tools for Web Developers
- 查看html元素绑定的事件与方法的利器 - coderidea - 博客园
- 神器——Chrome开发者工具(一) - Just For Fun - SegmentFault 思否
- 文章 - chrome 开发者工具的 15 个小技巧 - FED社区
- Chrome开发者工具不完全指南 - 学前端|互联网|H5零基础 | 培训 | 网校 | 在线学习 | 包就业 | H5岗位紧缺 | HTML5 | 学编程 | 學編程 |交互设计 | 原型设计 | JS | JQuery | BootStrap | CSS3 | 互联网+ | 产品经
- Chrome 开发者工具使用技巧 - 王铁手的博客 - SegmentFault 思否
¥Firebug
- WEB调试工具-Firebug-慕课网
- WebIDE - Firefox 开发者工具 | MDN
- Firebug入门指南 - 阮一峰的网络日志
- Firebug控制台详解 - 阮一峰的网络日志
¥移动,微信调试
- STF | Smartphone Test Farm
- UC Plus —— 为开发者提供服务而生
- 无线调试攻略 - THX
¥微信调试的那些事
- ww17.blog.qqbrowser.cc
- jieyou/remote_inspect_web_on_real_device: 各种真机远程调试方法汇总——“真机远程调试”(remote inspect web on real device),是指用桌面电脑(PC或MAC)远程连接上移动设备,通过类似Chrome浏览器开发人员
¥iOS Simulator
- https://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary/
¥Image
- Preloaders.net - Circular (Spinners) loading GIF, SVG & APNG animations (AJAX loaders)
- 智图_图片压缩在线工具_在线制作webp
- TinyPNG – Compress PNG images while preserving transparency
- Image Upload - SM.MS - Simple Free Image Hosting
- 抖音KOL数据,网红排行榜
- 图床 - Qchan图床
¥浏览器同步
- leeluolee/puer: more than a live-reload server, built for efficient front-end development
- 超简单工具puer——“低碳”的前后端分离开发 | 拴萝卜的棍子
- LiveReload
- getf5.com - getf5 Resources and Information.
- 如何为WebStorm设置SASS的File Watchers?-前端集合 - 关注前端技术和互联网免费资源
- BrowserSync/browser-sync: Keep multiple browsers & devices in sync when building websites. http://browsersync.io
- Browsersync中文网 - 省时的浏览器同步测试工具
¥在线PPT制作
- Cleaver快速制作网页PPT | 晚晴幽草轩
- impress.js初体验 - 前端装X利器 - 聂微东 - 博客园
- ebow/bespoke-fx: CSS slide transitions for Bespoke.js
- Seldaek/slippy: HTML Presentations
¥前端导航网站
- iyfnzgb.com/?pid=9PO1H9V71&dn=uxbees.com
- 前端网址导航-大前端
- 前端导航站 - 前端工程师专用的导航站
- jserme/123.jser.us: 一个前端导航站 http://123.jser.us
- Haourl 站长网址导航_站长的上网主页!
- 前端开发仓库 - Code for Web Developer
- jnoodle/f2e-collect: 前端开发相关的社区、网站、博客、资源等搜集
- F2E 前端导航 - 前端工程师专用的导航
¥常用CDN
- lib.sinaapp.com
- BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- Staticfile CDN
- staticfile/cli: Staticfile command line utility
- jQuery cdn加速
- jQuery CDN
- Microsoft Ajax Content Delivery Network | Microsoft Docs
¥Git
- Git
- Git for Windows
- GitHub 添加 SSH keys
- Learn Git Branching
- xirong/my-git: Individual collecting material of learning git(有关 git 的学习资料)
- my-git/git-workflow-tutorial.md at master · xirong/my-git
- phodal/github: GitHub 漫游指南- a Chinese ebook on how to build a good project on Github. Explore the users' behavior. Find some thing interest.
- GitHub 漫游指南 – GitHub 漫游指南
- github-cheat-sheet/README.zh-cn.md at master · tiimgreen/github-cheat-sheet
- Explain Git with D3
¥各种日期日历
- 强大的独立日期选择器(date picker)插件 - Kalendae - igeekbar - 博客园
- FullCalendar - JavaScript Event Calendar
- fullcalendar/fullcalendar: Full-sized drag & drop event calendar
- fullcalendar日历控件知识点集合 - FrancisLaw的学园 - CSDN博客
- zzyss86/LunarCalendar: 农历(阴历)万年历,是一款支持Node.js和浏览器端使用的全功能农历和公历日历类库。支持农历与公历之间相互转换,含有二十四节气,天干地支纪年纪月纪日,生肖属相,公
- 30 Best Free Calendar & Datepicker jQuery Plugins
- Pikaday: JavaScript datepicker – David Bushell – Web Design (UK)
- Datepair.js – Demos and Documentation
- glad/glDatePicker: An ultra-simple, customizable, light-weight date picker plug-in for jQuery
- Date picker – pickadate.js
- Cross platform UI for progressive web and hybrid apps | Mobiscroll
¥Date library
- 魔鬼程序员内容模板
- datejs/Datejs: A JavaScript Date and Time Library
- Sugar - Home
¥其它
- Framework7 - Full Featured Mobile HTML Framework For Building iOS & Android Apps - cn
- 扉页 · GitBook
- RubyLouvre/mass-Framework: 一个模块化,面向大规模开发的javascript框架
- RubyLouvre/avalon: an elegant efficient express mvvm framework
- OniUI
- RubyLouvre/avalon.oniui: 基于avalon的组件库
- 草料二维码生成器
¥效果类
- HTML5 有哪些让你惊艳的 demo? - 知乎
- 焦点图轮播特效制作视频教程-慕课网
¥弹出层
- aui/artDialog: 经典的网页对话框组件
- artDialog
- Google Code Archive - Long-term storage for Google Code Project Hosting.
- bh-lay/UI: 响应式用户交互组件库
¥优秀JavaScript项目
- PatrickJS/angular-starter: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @t
- fex-team/fis3-demo: fis3 demo
- JsAaron/jQuery: 前端JQuery系列
- microsoft/ChakraCore: ChakraCore is the core part of the Chakra JavaScript engine that powers Microsoft Edge
- STRML/strml.net: STRML: Projects & Work
- STRML: Projects and Work
- zxlie/FeHelper: 😍FeHelper--Web前端助手(Awesome!Chrome & Firefox Extension, All in one Toolbox!)
- BryanYang/freechat: nodejs 的一个聊天软件,类似微信。
- stkevintan/Cube: A cross-platform web music player in nw.js
- fex-team/ueditor: rich text 富文本编辑器
- fex-team/kityminder-core: 强大的脑图可视化工具
- ellisonleao/clumsy-bird: A MelonJS port of the famous Flappy Bird Game
- taisel/IodineGBA: JavaScript GameBoy Advance emulator.
- SegmentFault/HyperDown: 一个结构清晰的,易于维护的,现代的PHP Markdown解析器
- SegmentFault/HyperDown.js
- TryGhost/Ghost: 👻 The #1 headless Node.js CMS for professional publishing
- ruanyf/react-demos: a collection of simple demos of React.js
¥FrontEnd
33-js-concepts
- leonardomso/33-js-concepts: 📜 33 concepts every JavaScript developer should know.
- stephentian/33-js-concepts: 每个 JavaScript 工程师都应懂的33个概念 @leonardomso
30-seconds-of-code
- 30-seconds/30-seconds-of-code: Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.
- Array - 30 seconds of code
- 30 秒就能理解的 JavaScript 代码片段(30 seconds of code)
JS前端开发联盟群
- JS前端开发联盟群
- src/book.md at master · jsfront/src
- jsfront/month: 前端知识月刊
- jsfront/jsfront.github.io: 前端联盟群官方网站
- jsfront/qa: 群内知识问题代码比赛等
- jsfront/Hybrid-Collection-App: Hybrid App群开源项目
- jsfront/angular2.0-study: WIKE学习angluar的一些资料和心得,定期更新
- jsfront/use-gulp: gulp资料收集
- jsfront/cd-it-job: 针对成都IT小伙伴们的工作(招聘,求职)交流的微信订阅号项目。
- jsfront/web.frontend.component: some jquery plugins extended by one core library called jquery plugin manager.
- jsfront/template: html模板引擎
- jsfront/toucher: 面向移动端的手势类库
- jsfront/front-end-collect: 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者
- Toucher by bh-lay
styleguide
opensource.guide
- github/opensource.guide: Community guides for open source creators
- Open Source Guides | Learn how to launch and grow your project.
zh-google-styleguide
- zh-google-styleguide/zh-google-styleguide: Google 开源项目风格指南 (中文版)
- ruanyf/document-style-guide: 中文技术文档的写作规范
- airbnb/javascript: JavaScript Style Guide
webproblem
- webproblem (小兴)
- BeesX/BeesHybrid: This project aims to help more wireless development engineers understand and master hybrid development technology by providing a range of tools and methods.
- webproblem/learning-article: 学习资源 or 大前端导航,持续更新
- webproblem/Blog: 学习笔记和技术输出
- webproblem/webproblem.github.io: 我的工程
- webproblem/my-plugin: My first repository on GitHub,存放着一些独立的功能组件,可单独使用
- webproblem/notebook: 前端攻城狮笔记,持续更新~(一起来维护呀!)
Blog
- mqyqingfeng/Blog: 冴羽写博客的地方,预计写四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。
- whinc/blog: whinc 的个人博客
- berwin/Blog: 记录成长的过程
- xiaoyu2er/blog: 小鱼二的博客, 喜欢的话请点star :D
- sihai00/blog: blog
- Weiyu-Chen (陈微语)
- 阅文集团前端团队 的个人主页 - 专栏 - 掘金
- justemit/coding-note: 编程知识学习,涉及python、bash、js等语言,主要记录前端知识
- 阮一峰的个人网站 - Ruan YiFeng's Personal Website
- 软硬皆施
- palmerye/palmerye.github.io: Personal Blog
- 各大公司的技术博客合集 - 工具资源 - 掘金
- 分类 | 郭大大的博客
- gershonv/my-code-store: 此仓库用来存放博客中使用到的代码、或者一些学习记录的代码
- 吕大豹 - 博客园
- LeuisKen/leuisken.github.io: LeuisKen的个人博客
- webfansplz/article: record and share
- FrankFang/best-chinese-front-end-blogs: 收集优质的中文前端博客
- LiangJunrong/document-library: jsliang 的文档库. 里面包含了所有的前端文章,例如 vue、react,、angular、微信小程序、设计模式等……
- eisneim (Eisneim Terry)
- sitexa
- chyingp/blog: 程序猿小卡的博客
- helloqingfeng/Awsome-Front-End-learning-resource: GitHub最全的前端资源汇总仓库(包括前端学习、开发资源、求职面试等)
- FENews/FENews.org: http://fenews.org
- yygmind/blog: 我是木易杨,网易高级前端工程师,跟着我每周重点攻克一个前端面试重难点。接下来让我带你走进高级前端的世界,在进阶的路上,共勉!
- blog/3.md at master · ProtoTeam/blog
- YvetteLau/Blog: 【前端进阶】优质博文
- 张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活
- 前端技术漫游指南 - 知乎
- DDFE/DDFE-blog: welcome to DDFE's blog
- hve-notes/hve-notes: ✍️一个静态博客写作客户端 (A static blog writing client)
- amfe/article
- Pines Cheng‘s Blog
- fouber/blog: 没事写写文章,喜欢的话请点star,想订阅点watch,千万别fork!
- Issues · lifesinger/blog
- Issues · tmallfe/tmallfe.github.io
- Issues · mqyqingfeng/Blog
- Issues · cssmagic/blog
- lcxfs1991/blog: leehey's blog -- 请star或者watch
- youngwind/blog: 梁少峰的个人博客
- senntyou/blogs: 个人博客: Web, 前端, JavaScript, NodeJs, Electron, Babel, Webpack, Rollup, React, Vue ...
- wuyawei/fe-code: 🍹🍰 愉快的写代码~(文章合集)
- 山月行
- logan70/Blog: 写博客的地方,觉得有用的给个Star支持一下~
面试
前端面试查漏补缺
- 前端面试查漏补缺--(一) 防抖和节流 - 掘金
- 前端面试查漏补缺--(二) 垃圾回收机制 - 掘金
- 前端面试查漏补缺--(三) 跨域及常见解决办法 - 掘金
- 前端面试查漏补缺--(四) 前端本地存储 - 掘金
- 前端面试查漏补缺--(五) 渲染机制及重绘和回流 - 掘金
- 前端面试查漏补缺--(六) 浏览器缓存 - 掘金
- 前端面试查漏补缺--(七) XSS攻击与CSRF攻击 - 掘金
- 前端面试查漏补缺--(八) 前端加密 - 掘金
- 前端面试查漏补缺--(九) HTTP与HTTPS - 掘金
- 前端面试查漏补缺--(十) 前端鉴权 - 掘金
- 前端面试查漏补缺--(十一) 前端软件架构模式MVC/MVP/MVVM - 掘金
- 前端面试查漏补缺--(十二) 从输入URL到看到页面发生的全过程(含三握手,四挥手详解) - 掘金
- 前端面试查漏补缺--(十三) 内存泄漏 - 掘金
- 前端面试查漏补缺--(十四) 算法及排序 - 掘金
- 前端面试查漏补缺--(十五) Event Loop - 掘金
前端面试题系列
- 「前端面试题系列1」今日头条 面试题和思路解析 - 掘金
- 「前端面试题系列2」如何实现一个圣杯布局? - 掘金
- 「前端面试题系列3」伪类与伪元素的区别及实战 - 掘金
- 「前端面试题系列4」this的原理以及用法 - 掘金
- 「前端面试题系列5」ES6 中箭头函数的用法 - 掘金
- 「前端面试题系列6」理解函数的柯里化 - 掘金
- 「前端面试题系列7」JavaScript 中的事件机制(从原生到框架) - 掘金
- 「前端面试题系列8」数组去重(10 种浓缩版) - 掘金
面试题汇总
- erbing/blog: 前端基础积累 / 新技术 / Vue / React / H5 / 奇怪的BUG / 面试 / 招聘
- jirengu/frontend-interview: 前端笔试面试题题库
- Jobeir/front-end-interview-preparation-guide: The single source for preparing for a Frontend interview
- bcherny/frontend-interview-questions: Answers for https://performancejs.com/post/hde6d32/The-Best-Frontend-JavaScript-Interview-Questions-(Written-by-a-Frontend-Engineer)
- CyC2018/Interview-Notebook: 准备秋招学习笔记
- InterviewMap/InterviewMap: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
- Advanced-Frontend/Daily-Interview-Question: 我是木易杨,公众号「高级前端进阶」作者,每天搞定一道前端大厂面试题,祝大家天天进步,一年后会看到不一样的自己。
- Advanced-Interview-Question/front-end-interview: A list of interview for front-end developer(前端开发者面试清单)
- front-end-interview-handbook/javascript-questions.md at master · yangshun/front-end-interview-handbook
- shfshanyue/Daily-Question: 每天一道面试题,有关前端,后端,devops以及软技能,促进职业成长,敲开大厂之门。
- 浪子神剑 的个人主页 - 专栏 - 掘金
- 2018大厂高级前端面试题汇总 - 掘金
- 2018年前端面试总结 - 掘金
- 【半月刊】前端高频面试题及答案汇总 - 掘金
- 世界顶级公司的前端面试都问些什么 - 掘金
- 2万5千字大厂面经 | 掘金技术征文 - 掘金
- 五年面试,三年模拟(题库长期维护) - 掘金
- 前端面试题总结(js、html、小程序、React、算法、vue 、全栈热门视频资源) - 掘金
- 前端面试题全面整理-带解析 涵盖(css、js、浏览器、vue、react、移动web、前端性能、算法、node) - 掘金
- 【2019/09/18】前端面试 - 掘金
- 前端面试与进阶指南
前端面试必备
- 前端面试必备 | 5000字长文解释千万不能错过的原型操作方法及其模拟实现(原型篇:下)
- 前端面试必备 | 古怪的原型(鸡生蛋还是蛋生鸡)(原型篇:中)
- 前端面试必备 | 使用原型和构造函数创建对象(原型篇:上)
- 前端面试必会 | 一文读懂 JavaScript 中的 this 关键字
- 面试必备 | 一文读懂现代 JavaScript 中的变量提升 - let、const 和 var
- 前端面试必会 | 一文读懂 JavaScript 中的闭包
- 前端面试必会 | 一文读懂 JavaScript 中的作用域和作用域链
LeetCode
- 力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台
- bonfy/leetcode: leetcode刷题 内附leetcode solution代码自动下载生成器(Leetcode solution auto generator)
- tangweikun/awesome-leetcode: A collection of awesome leetcode solutions
- soulmachine/leetcode: LeetCode题解,151道题完整版
lintcode
- LintCode
- 10个你在JavaScript面试前需要掌握的概念 - 掘金
- JS题目之数组数据拆分重组转成嵌套对象,让脑细胞活跃下 - 掘金
- [译] 以面试官的角度来看 React 工作面试 - 掘金
- 如何通过前端面试 - 掘金
- 七篇前端面试必考知识点,助你一臂之力 - 掘金
- 前端面试——网络以及浏览器相关 - 掘金
- 前端面试——JavaScript - 掘金
- 前端面试——Vue - 掘金
- 2019年17道高频React面试题及详解 - 掘金
- 中国高等教育学生信息网(学信网)
- 中国学位与研究生教育信息网(学位网)
- 涨薪 30 % 以上,看这篇万字干货就行(留言点赞抽奖)
- salomonelli/best-resume-ever: Build fast and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.
- yangshun/front-end-interview-handbook: 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
- InterviewMap/CS-Interview-Knowledge-Map: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
- 如何答一道惊艳面试官的数组去重问题? - 掘金
¥具体整理集
Javascript学习总结
- JavaScript学习总结(一)——JavaScript基础 - 孤傲苍狼 - 博客园
- JavaScript学习总结(二)——逻辑Not运算符详解 - 孤傲苍狼 - 博客园
- JavaScript学习总结(三)——逻辑And运算符详解 - 孤傲苍狼 - 博客园
- JavaScript学习总结(四)——逻辑OR运算符详解 - 孤傲苍狼 - 博客园
- JavaScript学习总结(五)——Javascript中==和===的区别 - 孤傲苍狼 - 博客园
- JavaScript学习总结(六)——JavaScript判断数据类型总结 - 孤傲苍狼 - 博客园
- JavaScript学习总结(七)——JavaScript函数(function) - 孤傲苍狼 - 博客园
- JavaScript学习总结(八)——JavaScript数组 - 孤傲苍狼 - 博客园
- JavaScript学习总结(九)——Javascript面向(基于)对象编程 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十)——this关键字 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十一)——Object类详解 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十二)——JavaScript编写类 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十三)——极简主义法编写JavaScript类 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十四)——JavaScript编写类的扩展方法 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十五)——Function类 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十六)——Javascript闭包(Closure) - 孤傲苍狼 - 博客园
- JavaScript学习总结(十七)——Javascript原型链的原理 - 孤傲苍狼 - 博客园
- JavaScript学习总结(二十)——Javascript非构造函数的继承 - 孤傲苍狼 - 博客园
原生JS灵魂之问
- (建议收藏)原生JS灵魂之问, 请问你能接得住几个?(上) - 掘金
- (建议精读)原生JS灵魂之问(中),检验自己是否真的熟悉JavaScript? - 掘金
- (2.4w字,建议收藏)😇原生JS灵魂之问(下), 冲刺🚀进阶最后一公里(附个人成长经验分享) - 掘金
前端资源系列
- 前端资源系列(1)-Git常用命令&设置快捷命令&小工作流 - xzavier - SegmentFault 思否
- 前端资源系列(2)-SublimeText快捷键大全 - xzavier - SegmentFault 思否
- 前端资源系列(3)-微信小程序开发资源汇总 - xzavier - SegmentFault 思否
- 前端资源系列(4)-前端学习资源分享&前端面试资源汇总 - xzavier - SegmentFault 思否
- 前端资源系列(5)-JavaScript奇味探索 - xzavier - SegmentFault 思否
前端技术演进
- 前端技术演进:参考文章 - 掘金
- 前端技术演进(二):前端与协议 - 掘金
- 前端技术演进(三):前端安全 - 掘金
- 前端技术演进(四):前端三层结构与应用 - 掘金
- 前端技术演进(五):现代前端交互框架 - 掘金
- 前端技术演进(六):前端项目与技术实践 - 掘金
- 前端技术演进(七):前端跨栈技术 - 掘金
- 前端技术演进(八):未来前端趋势 - 掘金
学习源码整体架构系列
- 学习 jQuery 源码整体架构,打造属于自己的 js 类库
- 学习underscore源码整体架构,打造属于自己的函数式编程类库
- 学习 lodash 源码整体架构,打造属于自己的函数式编程类库
- 学习 sentry 源码整体架构,打造属于自己的前端异常监控SDK
- 学习 vuex 源码整体架构,打造属于自己的状态管理库
- 学习 axios 源码整体架构,打造属于自己的请求库
前端进阶
进阶-木易杨说
- 【进阶1-1期】理解JavaScript 中的执行上下文和执行栈 - 掘金
- 【进阶1-2期】JavaScript深入之执行上下文栈和变量对象 - 掘金
- 【进阶1-3期】JavaScript深入之内存空间详细图解 - 掘金
- 【进阶1-4期】JavaScript深入之带你走进内存机制 - 掘金
- 【进阶1-5期】JavaScript深入之4类常见内存泄漏及如何避免 - 掘金
- 【进阶2-1期】深入浅出图解作用域链和闭包 - 掘金
- 【进阶2-2期】JavaScript深入之从作用域链理解闭包 - 掘金
- 【进阶2-3期】JavaScript深入之闭包面试题解 - 掘金
- 【进阶3-1期】JavaScript深入之史上最全--5种this绑定全面解析 - 掘金
- 【进阶3-2期】JavaScript深入之重新认识箭头函数的this - 掘金
- 【进阶3-3期】深度广度解析 call 和 apply 原理、使用场景及实现 - 掘金
- 【进阶3-4期】深度解析bind原理、使用场景及模拟实现 - 掘金
- 【进阶3-5期】深度解析 new 原理及模拟实现 - 掘金
- 【进阶4-1期】详细解析赋值、浅拷贝和深拷贝的区别 - 掘金
- 【进阶4-2期】Object.assign 原理及其实现 - 掘金
- 【进阶4-3期】面试题之如何实现一个深拷贝 - 掘金
- 【进阶4-4期】Lodash是如何实现深拷贝的 - 掘金
- 【进阶5-1期】重新认识构造函数、原型和原型链 - 掘金
前端进阶系列
- 前端进阶系列(第1期):理解JavaScript数据类型 - 掘金
- 前端进阶系列(第2期):深入理解JavaScript数据类型转换 - 掘金
JavaScript进阶
- JavaScript进阶-执行上下文(理解执行上下文一篇就够了) - 掘金
- JavaScript进阶-执行上下文栈和变量对象(一周一更) - 掘金
- JavaScript进阶-内存空间详解(双十一过后的一更) - 掘金
- JavaScript进阶-内存机制(表情包初探) - 掘金
- JavaScript进阶-常见内存泄露及如何避免 - 掘金
- 分享阿里前端p7架构图谱 - 掘金
前端学习资源 & 技术清单
¥前端学习资源
- fe-store-house/README.md at master · poppinlp/fe-store-house
- qianguyihao/Web: 前端入门和进阶学习笔记,超详细的Web前端学习图文教程。从零开始学前端,做一名精致的前端工程师。持续更新...
- lanzhsh/react-vue-koa: Vue,React,微信小程序,快应用,TS , Koa, JS一把梭
- bpesquet/thejsway: The JavaScript Way book
- chenfengyanyu/my-web-accumulation: Jartto's webs laboratory(主要为博客提供 demo 素材)
- veedrin/horseshoe: 🍧代号马蹄铁。以专题为单位的学习。目前已发布 { React专题 } { Redux专题 } { Regex专题 }
- zenany/weekly: 汇总平时看到的好文章,前端技术 & 产品研发为主...
- wxyyxc1992/Web-Series: 现代 Web 开发,现代 Web 开发导论 | 基础篇 | 进阶篇 | 架构优化篇 | React 篇 | Vue 篇
- Web-Series/工具化与工程化.md at master · wxyyxc1992/Web-Series
- wxyyxc1992/Coder-Roadmap: Interactive MindMap, RoadMap(Learning Path/Interview Questions), xCompass, Weekly for Developer, to Learn Everything in ITCS 程序员的技术视野、知识管理与职业规划,提高个人与团队的研发效能
- freeCodeCamp/freeCodeCamp: The https://freeCodeCamp.org open source codebase and curriculum. Learn to code for free together with millions of people.
- cachecats/coderiver: 致力于打造全平台全栈精品开源项目,计划做成包含 pc端(Vue、React)、移动H5(Vue、React)、ReactNative混合开发、Android原生、微信小程序、java后端的全平台型全栈项目,欢迎关
- webmodules
- 前端学习资源汇总 - 个人文章 - SegmentFault 思否
- javascript功能插件大集合,写前端的亲们记得收藏 - 专注WEB前端/微信小程序 - SegmentFault 思否
- 前端资源整理 - 订阅、工具等 - 张小猪左顾右盼 - SegmentFault 思否
- 前端技术资讯网站 - StepByStep - SegmentFault 思否
- 前端导航平台简介 - 个人文章 - SegmentFault 思否
- 通过讲故事搞定前端网络知识 - 掘金
- 前端2018年精选好文,请打包带走 - 前端 - 掘金
- 个人分享--web前端学习资源分享 - 掘金
- [杂谈]了解一些额外知识,让前端开发锦上添花 - 掘金
- 2018 前端开发分享 - 掘金
- JS代码大全 (都是网上看到 自己整理的) - 城堡没公主 - 博客园
- 卖菜的前端 · 语雀
- 史上最全GitHub前端开发集锦 | @Get社区
- KieSun/FE-advance-road: 进阶资深前端开发
前端技术清单
frontend-tech-list
- alienzhou/frontend-tech-list: a frontend tech list for developers
Front-End-Performance-Checklist
- thedaviddias/Front-End-Performance-Checklist: 🎮 The only Front-End Performance Checklist that runs faster than the others
- Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word] — Smashing Magazine
¥CheatSheets
- Awesome-CheatSheets/JavaScript-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- ProgrammingLanguage-Series/JavaScript at master · wxyyxc1992/ProgrammingLanguage-Series
- Awesome-CheatSheets/DOM-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- Awesome-CheatSheets/CSS-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- Awesome-CheatSheets/React-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- Awesome-CheatSheets/Vue-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- Awesome-CheatSheets/Web/Tuning at master · wxyyxc1992/Awesome-CheatSheets
- wxyyxc1992/Awesome-CheatSheets: Ultimate CheatSheets(Tutorials&MindMap), overview of syntax, features and practical tips, collection of useful code snippets, go from zero to hero at fly. 干货满满的全栈开发速学速查手册集锦
自检清单
- 一名【合格】前端工程师的自检清单 - 掘金
- 【自检清单】JS基础-变量与类型 - 掘金
- 【自检清单】JS基础-原型与原型链 - 掘金
- Rain120/program-learning-lists: 整理我GitHub所有的star,并分类
- KieSun/InterviewMap: Build the best interview map
- verekia/js-stack-from-scratch: 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
- chenggang321/JavaScript-note
- windiest/Front-end-tutorial: 猫的前端回忆录 Cat's front memory, these share data are from my usual work and learning, hoping to help you, and hoping slowly improve, if you like you can star
- 年终回顾,为你汇总一份「前端技术清单」 - 掘金
- 六月前端知识集锦(每月不可错过的文章集锦) - 掘金
- 一位前端 2018 绝地求生记 | 掘金年度征文 - 掘金
- 2019学习学到失恋但是还要继续|2019 与我的技术之路 - 掘金
- 前端进阶必备,github 优质资源整理分享! - 掘金
- 『引』最全前端资源汇集 | 晚晴幽草轩
- 『优质』前端频道汇聚 | 晚晴幽草轩
- 与时俱进版前端资源教程 | 晚晴幽草轩
- 『录』最全前端资源汇集 - Percy宣森 - 博客园
- Web 开发精华文章集锦(jQuery、HTML5、CSS3)【系列二十七】 - 梦想天空(山边小溪) - 博客园
- 2019年Web前端最新导航(常见前端框架、前端大牛) - 千古壹号 - 博客园
- 19年你应该关注这50款前端热门工具(上)
- 19年你应该关注这50款前端热门工具(中)
- 19年你应该关注这50款前端热门工具(下)
- JAVASCRIPT编入集 - 专题 - 简书
- CSS编入集 - 专题 - 简书
- Raneto - A free, open, simple Markdown powered Knowledgebase for Nodejs
- 现代前端开发路线图:从零开始,一步步成为前端工程师_36氪
- Awesomes-Web前端开发资源库
¥收藏集
- 前端阅读 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- js技术 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 网页设计 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 文章大杂烩 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 库,组件,框架 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 收藏夹 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 新手入门 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
- Github 前端收藏夹 - M.M.F 小屋
- 1c7/chinese-independent-developer: 👩🏿💻👨🏾💻👩🏼💻👨🏽💻👩🏻💻中国独立开发者项目列表 -- 分享大家都在做什么
- 15款值得开发者一试的最新的前端框架 - 梦想天空(山边小溪) - 博客园
- 25个创新的仪表板(管理面板)设计示例 - 梦想天空(山边小溪) - 博客园
- 免费 PSD 下载: 20个精美的登录和注册表单 - 梦想天空(山边小溪) - 博客园
- 值得 Web 开发人员学习的20个 jQuery 实例教程 - 梦想天空(山边小溪) - 博客园
- 技术周刊(2018-11-26 WebSocket) - 掘金
- 前端技术周刊 2018-12-03:DOM - 掘金
- [译] 2018 前端全面回顾 - 掘金
- Open Source | DocumentCloud
- lmf12/javascript-games: JavaScript 小游戏
- [ 逻辑锻炼] 用 JavaScript 做一个小游戏 ——2048 (详解版) - 掘金
¥机器学习 & 人工智能
machine-learning-yearning-cn
predictionio
- Welcome to Apache PredictionIO®!
- apache/predictionio: PredictionIO, a machine learning server for developers and ML engineers. Built on Apache Spark, HBase and Spray.
johnny-five
- rwaldron/johnny-five: JavaScript Robotics and IoT programming framework, developed at Bocoup.
- Johnny-Five: The JavaScript Robotics & IoT Platform
ml5-library
- ml5js/ml5-library: Friendly machine learning for the web! 🤖
- ml5js · Friendly Machine Learning For The Web.
algorithm-visualizer
- algorithm-visualizer/algorithm-visualizer: Interactive Online Platform that Visualizes Algorithms from Code
- Algorithm Visualizer
RecommenderSystem-Paper
- daicoolb/RecommenderSystem-Paper: This repository includes some papers that I have read or which I think may be very interesting.
- fengdu78/Coursera-ML-AndrewNg-Notes: 吴恩达老师的机器学习课程个人笔记
- guess-js/guess: Libraries & tools for enabling Machine Learning driven user-experiences on the web
- fengdu78/deeplearning_ai_books: deeplearning.ai(吴恩达老师的深度学习课程笔记及资源)
- imhuay/Algorithm_Interview_Notes-Chinese: 2018/2019/校招/春招/秋招/算法/机器学习(Machine Learning)/深度学习(Deep Learning)/自然语言处理(NLP)/C/C++/Python/面试笔记
- GeekLiB/Lee-VR-Source: VR developers necessary resources(VR 开发者必备资源汇总)
¥计算机
project-based-learning
simple_os_book
awesome
- sindresorhus/awesome: Curated list of awesome lists
- xingshaocheng/architect-awesome: 后端架构师技术图谱
- serhii-londar/open-source-mac-os-apps: 🚀 Awesome list of open source applications for macOS.
- jaywcjlove/awesome-mac: This repo is a collection of awesome Mac applications and tools for developers and designers.
- Awesome-Windows/Awesome: An awesome & curated list of best applications and tools for Windows.
- 【英】专业编程资源 - 前端 - 掘金
- pim-book/programmers-introduction-to-mathematics: Code for A Programmer's Introduction to Mathematics
- davideuler/architecture.of.internet-product: 互联网公司技术架构,微信/淘宝/微博/腾讯/阿里/美团点评/百度/Google/Facebook/Amazon/eBay的架构,欢迎PR补充
- EZLippi/practical-programming-books: 这里收录比较实用的计算机相关技术书籍,可以在短期之内入门的简单实用教程、一些技术网站以及一些写的比较好的博文,欢迎Fork,你也可以通过Pull Request参与编
- 查看端口被占用的情况以及如何解除端口占用 - langqiao123的专栏 - CSDN博客
¥network
- staticfile/static: 开放静态文件 - 为开源库提供稳定、快速的免费 CDN 服务
- wg689/Solve-App-Store-Review-Problem: a collection to solve app store review problem (ipv6,ipv6被拒绝,后台定位等审核问题的终极解决方案汇总)
- Kickball/awesome-selfhosted: This is a list of Free Software network services and web applications which can be hosted locally. Selfhosting is the process of locally hosting and managing applications instead of renting from SaaS providers.
- brianlovin/security-checklist: A checklist for staying safe on the internet
- julianshapiro/libscore: JavaScript library usage stats.
- greatghoul/remote-working: 收集整理远程工作相关的资料
- AmazingApps/Amazing-Windows-Apps: 📗Introduce you amazing Windows apps🕶READ ONLINE 👉
- Security Checklist
¥normal awesome
- SecWiki/sec-chart: 安全思维导图集合
- zdhxiong/Material-Design-Chinese: Material Design 指南的中文翻译
- 资源分享-软件服务
- IndrajeetPatil/ggstatsplot: Collection of functions to enhance ggplot2 plots with results from statistical tests.
- leereilly/games: A list of popular/awesome videos games, add-ons, maps, etc. hosted on GitHub. Any genre. Any platform. Any engine.
- Demos of open web technologies | MDN
- Awesome-Coder/MindMap at master · wxyyxc1992/Awesome-Coder
- rstacruz/cheatsheets: My cheatsheets
- ProtoTeam/blog: 蚂蚁数据体验技术团队的文章仓库
- mathiasbynens/small: Smallest possible syntactically valid files of different types
- mhinz/vim-galore: All things Vim!
- UML类图几种关系的总结 - CSDN博客
¥作品
CSS3网站作品
- 全球酷站秀:15个顶尖的 CSS3 网站作品 - 梦想天空(山边小溪) - 博客园
个人作品网站
- 国外酷站设计:10个漂亮的个人作品网站 - 梦想天空(山边小溪) - 博客园
- lvqq/Demos: repository for my demo pages
纹理在网页设计中的示例
- 优秀设计:纹理在网页设计中的20个应用示例 - 梦想天空(山边小溪) - 博客园
- 使用一个纹理贴图集 - 《Pixi教程》 - 书栈网(BookStack.CN)
复古怀旧风格的网站作品
- 另类网页设计:30个复古怀旧风格的网站作品 - 梦想天空(山边小溪) - 博客园
- 那些所倚靠的利器记载 | 晚晴幽草轩
- xitu/gold-miner: 🥇掘金翻译计划,可能是世界最大最好的英译中技术社区,最懂读者和译者的翻译平台:
- 25个精美的个人作品集网站,激发灵感 - 梦想天空(山边小溪) - 博客园
论坛&博客&社区
程序员如何优雅的挣零花钱
程序员兼职
- 国内可以为程序员提供兼职的平台有哪些? - zp596861100的博客 - CSDN博客
- 自由职客-IT技术,中国自由职客灵活用工交易平台_自由职客
- 兼职程序员_兼职工程师_工程师|程序员兼职平台-猿急送
- 程序员远程工作-程序员兼职-技术问答-组建团队-IT镖局
- erp管理系统-软件app制作开发公司-微信小程序开发-网站制作建设公司-安卓android开发-米鼠网
- 程序员客栈-领先的程序员自由工作平台
- 码市 - 互联网软件外包服务平台
- 比teamviewer更屌的远程软件,程序员莫错过 - u011277123的博客 - CSDN博客
- 程序员兼职招聘信息-兼职吧
- 快码 - 软件开发,就找快码!认准域名Kuai.ma
- Toppro - 按需雇佣顶尖专业人才
- 实现网 - 按需雇佣 BAT 工程师、设计师
- 开源众包-百万开发者,为您提供专业的软件开发服务
- easychen/howto-make-more-money: 程序员如何优雅的挣零花钱
- withspectrum/spectrum: Simple, powerful online communities.
- [译]如何撰写精彩的技术博客文章 - 掘金
- 可能是一份最适合你的后端面试指南(部分内容前端同样适用)| 掘金技术征文 - 掘金
- 入门前端一周年总结-我是如何快速入门前端的知识分享 - 掘金
- 来自阿里前端的一些中肯建议 - 掘金
- Wis Chu
- web前端 - IT610.com
- 图灵社区
- 码云 - 开源中国
- 前端网址导航 - WHYCSS
- 百度前端技术学院
- 中国大学MOOC(慕课)_最好的在线课程学习平台
- 网易云课堂 - 领先的实用技能学习平台
- 协议分析网
- 慕课网
- 前端网(QDFuns) WEB前端开发工程师专业网站,一站式服务平台!
- Stack Overflow - Where Developers Learn, Share, & Build Careers
- 智能社论坛-专业 专注 分享
- 草依山的Javascript世界
- 李成银的博客
- 微人类
- V2EX
- Edit fiddle - JSFiddle
- 郭大大的博客
- Learn, Code and Share on Tutorialzine
- Spectrum
- Open Hub, the open source network
- 无忧脚本 - Powered by Discuz!
- CodeProject - For those who code
- SourceForge - Download, Develop and Publish Free Open Source Software
- ITPUB技术论坛_中国专业的IT技术社区
- CodePlex Archive
- 将社交网络交还予你 - The Mastodon Project
- 首页 | 技术胖-胜洪宇关注web前端技术-前端免费视频第一博客
- 找不到相关内容 - InfoQ
- OSCHINA - 中文开源技术交流社区
- 资源列表_良许的个人网站
- 仪表盘 ‹ 良许的个人网站 — WordPress
Hand
- hmap-cloud-develop / hmap_front · GitLab
- 海马汇 项目实施文档 - 四海文档
- SAP中文学习网
- 汉得考试系统
- SAP 表汇总---JOI---ChinaUnix博客
Java
Spring Boot & Spring Cloud
- ch-zgh-1993/vue-springBoot: 相对简洁的 vue + springBoot, 在一个项目中书写,并且部署不需拷贝文件。在 springboot 中写 vue项目,build 后产生的资源,直接供 springboot项目运行和打包使用。打包时不夹带 v
- Spring Boot 教程 - 朝雨忆轻尘 - 博客园
- Spring Cloud 教程 - 朝雨忆轻尘 - 博客园
JVM
- Java虚拟机(一):JVM简介 - 朝雨忆轻尘 - 博客园
- Java虚拟机(二):JVM内存模型 - 朝雨忆轻尘 - 博客园
- Java虚拟机(三):JVM垃圾回收机制 - 朝雨忆轻尘 - 博客园
- Java虚拟机(四):JVM类加载机制 - 朝雨忆轻尘 - 博客园
- Java虚拟机(五):JVM调优命令 - 朝雨忆轻尘 - 博客园
- Java虚拟机(六):JVM调优工具 - 朝雨忆轻尘 - 博客园
- Java虚拟机(七):JVM调优案列 - 朝雨忆轻尘 - 博客园
Tools
hutool
- looly/hutool: A set of tools that keep Java sweet.
- Hutool — A set of tools that keep Java sweet.
mysql
- MySQL
- MySQL5.5安装教程 - 代码根 - 博客园
- MySQL :: Download MySQL Community Server
- mysql 安装图解 mysql图文安装教程(详细说明) - whaben - 博客园
- 将数据库结构修改提交到生产环境下数据库 - LEON的博客 - CSDN博客
Navicat for MySQL
- Navicat for MySQL64位破解版(附注册码)_Navicat for MySQL 11.2中文版-PC下载网
- Navicat for MySQL下载、安装和配置
- Navicat for MySQL 安装和破解(完美) - 一次次尝试 - CSDN博客
- MySQL相关文件包-CSDN下载
Redis
- Redis笔记(一):Redis安装教程 - 朝雨忆轻尘 - 博客园
- Redis笔记(二):Redis数据类型 - 朝雨忆轻尘 - 博客园
- Redis笔记(三):Redis常用命令 - 朝雨忆轻尘 - 博客园
- Redis笔记(四):Redis事务支持 - 朝雨忆轻尘 - 博客园
- Redis笔记(五):Redis发布订阅 - 朝雨忆轻尘 - 博客园
- Redis笔记(六):Java中使用Redis - 朝雨忆轻尘 - 博客园
- Redis笔记(七):Redis应用场景 - 朝雨忆轻尘 - 博客园
- uglide/RedisDesktopManager: Cross-platform GUI management tool for Redis
Tomcat
- Tomcat zip 与exe版的问题-CSDN论坛
- apache-tomcat-8.0.35-windows-x64.zip安装与配置 - 生活没有Backspace - 博客园
- tomcat安装版和解压版的区别,安装与配置 - zhuang - ITeye博客
- 安装tomcat的两种方法(安装版与解压版)_百度经验
- 分享一下我的三个代码自动生成工具类--助你解放双手 - 掘金
- 深度开源 - Java开源大全,开源信息发掘、分享、交流
- Oracle | Integrated Cloud Applications and Platform Services
- Oracle Java Archive | Oracle Technology Network | Oracle
- Java SE - Downloads | Oracle Technology Network | Oracle
- Java Archive Downloads - Java SE 8
Token
JWT
- auth0/java-jwt: Java implementation of JSON Web Token (JWT)
- ScienJus/spring-authorization-manager-demo: https://github.com/ScienJus/spring-authorization-manager 的Demo
- shybbq/spring-authorization-demo: spring安全验证之jwt
- JSON Web Tokens - jwt.io
- jwtk/jjwt: Java JWT: JSON Web Token for Java and Android
- JSON Web Token Introduction - jwt.io
- How to Create and verify JWTs in Java
- JSON Web Token - 在Web应用间安全地传递信息 - 回田园
- 基于 Token 的身份验证:JSON Web Token(附:Node.js 项目) - 宁皓网
- 5 Easy Steps to Understanding JSON Web Tokens (JWT)
aurad
- AuroraDAO/aurad: Staking software for the AURA token
- Aurora: Decentralized Finance and Cryptobanking
- 基于 Token 的身份验证和实践 – 不静之心
- 基于Token的WEB后台认证机制 - 红心李 - 博客园
- 彻底理解cookie,session,token - 踏破铁鞋无觅处的个人空间 - 开源中国
- 基于 Token 的身份验证 - 516843761 - CSDN博客
- 第二十章 无状态Web应用集成——《跟我学Shiro》 - 《亿级流量网站架构核心技术》~ - ITeye博客
libs & plugins
公历 & 农历 & 工作日
- oyyq99999/ChineseLunarCalendar: 用天文算法计算农历
- heqiao2010/LunarCalendar: A Java implementation of Chinese lunar calendar. 中国农历的Java实现(一个Java类不到1000行,不依赖任何第三方库)。
- Houlik/hllunar: 公历 - 农历
- jinAldrich/PureLunarCalendar: 农历计算类 农历计算的算法,来源于:http://sean.o4u.com/ap/calendar/,具体的代码基本与来源处的 javascript 相同,差不多只是语言上的转换而已。
- sunshinelyz/mykit-holiday: 纯算法可以获取到1900-2100年之间任意日期的详细信息,包括:节日、是否闰年和闰月、公历和农历、对应的二十四节气以及天干地支信息等。
- iceenongli/iceworkday: iceworkday工作日算法 工作日算法又称节假日算法。 由于工作日计算涉及农历节气等,而农历算法本身就是非常复杂的,所以工作日算法非常的复杂 。 该算法解决了工作日的计
- RidgeSTD/Nextdate-AndroidVersion: 软件质量测试作业。输入1900-2100年之间的一个公历日期,显示第二天的公历与农历信息。
- firer1946/LunarExchangeSolar: 农历和阳历的互相转换
- 经过完整测试的农历-公历相互转换 - meizhitu的个人空间 - OSCHINA
- quan930/Calendar: Calendar类,农历
- loonggg/LunarCalendar: 日历转农历
- folous/LunarUtils: 工具类,通过查表法实现公农历互转
- keyliwen/lunar: 农历
interviews
- crossoverJie/JCSprout: 👨🎓 Java Core Sprout : basic, concurrent, algorithm
- kdn251/interviews: Everything you need to know to get the job.
- Snailclimb/JavaGuide: 【Java学习+面试指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。
整理集
Vue + Element UI 实现权限管理系统 前端篇
- Vue + Element UI 实现权限管理系统 前端篇(一):搭建开发环境 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(二):Vue + Element 案例 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(三):工具模块封装 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(四):优化登录流程 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(五):国际化实现 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(六):更换皮肤主题 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(七):功能组件封装 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(八):管理应用状态 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(九):接口格式定义 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十):动态加载菜单 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十一):第三方图标库 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十二):用户管理模块 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十三):页面权限控制 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十四):菜单功能实现 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十五):嵌套外部网页 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十六):系统备份还原 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 实现权限管理系统 后端篇
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(一):Kitty 系统介绍 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二):数据库设计 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(三):搭建开发环境 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(四):集成 MyBatis 框架 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(五):模块化切分 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(六):集成 Swagger API - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(七):集成 Druid 数据源 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(八):MyBatis分页功能实现 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(九):代码整理优化 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十):接口服务整理 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十一):集成 Shiro 框架 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十二):解决跨域问题 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十三):系统备份还原 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十四):项目打包部署 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十五):系统服务监控 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十六):容器部署项目 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十七):登录验证码实现(Captcha) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十八):注册中心(Spring Cloud Consul) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十九):服务消费(Ribbon、Feign) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十):服务熔断(Hystrix、Turbine) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十一):服务网关(Zuul) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十二):链路追踪(Sleuth、Zipkin) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十三):配置中心(Config、Bus) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十四):权限控制(Shiro 注解) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十五):Spring Security 版本 - 朝雨忆轻尘 - 博客园
Spring Boot + Spring Cloud 构建微服务系统
- Spring Boot + Spring Cloud 构建微服务系统(一):服务注册和发现(Consul) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(二):服务消费和负载(Ribbon) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(三):服务消费和负载(Feign) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(四):容错机制和熔断(Hystrix) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(五):熔断监控面板(Hystrix Dashboard) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(六):熔断监控集群(Turbine) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(七):API服务网关(Zuul) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(八):分布式链路追踪(Sleuth、Zipkin) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(九):配置中心(Spring Cloud Config) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(十):配置中心(Spring Cloud Bus) - 朝雨忆轻尘 - 博客园
- 我的java问题排查工具单-博客-云栖社区-阿里云
- 一文了解十大 Java 开发者必备测试框架!
- kakuilan/china_area_mysql: 中国5级行政区域mysql库
- Maven安装与配置 - 光焱 - 博客园
- 2018-05-17 架构师技能图谱,搞懂这些找工作无敌 - 简书
- siki学院的个人空间 - 哔哩哔哩 ( ゜- ゜)つロ 乾杯~ Bilibili
- Java知识分享网-免费Java资源下载
- 【名师课堂】Java零基础入门 - 阿里云大学 - 官方网站,云生态下的创新人才工场
- 【名师课堂】Java面向对象开发 - 阿里云大学 - 官方网站,云生态下的创新人才工场
- 《尚学堂科技.马士兵.JAVA集视频教程14年11月20日更新》 - VeryCD电驴大全
- JDK-9的安装与环境变量配置 - CSDN博客
- 使用springMVC实现文件上传和下载之环境配置与上传 - CSDN博客
- Java 开发环境搭建 - 简书
- MYSQL问题解决方案:Access denied for user 'root'@'localhost' (using password:YES) - skywalker_leo的专栏 - CSDN博客
- SSM框架——详细整合教程(Spring+SpringMVC+MyBatis) - 酷玩时刻 - 博客园
C#
- .NET Design Patterns in C# and VB.NET - Gang of Four (GOF) - doFactory.com
- C# Corner - A Social Community of Developers and Programmers
- ASP.NET Documentation | Microsoft Docs
- pinvoke.net: the interop wiki!
- “抢火车票,红包技术” - 博文 - Catalina
Python
Python libs
- jorgebastida/awslogs: AWS CloudWatch logs for Humans™
- baidu/CUP: CUP, common useful python-lib. (Currently, Most popular python lib in baidu)
- Supervisor/supervisor: Supervisor process control system for UNIX
awesome-python-applications
- mahmoud/awesome-python-applications: 💿 Free software that works great, and also happens to be open-source Python.
- taizilongxu/interview_python: 关于Python的面试题
- facert/awesome-spider: 爬虫集合
- Download Python | Python.org
- jackfrued/Python-100-Days: Python - 100天从新手到大师
- agermanidis/livepython: Visually trace Python code in real-time.
- python获取当前文件路径以及父文件路径 - yyy430的博客 - CSDN博客
- python获取当前文件路径以及父文件路径 - lucky_zhang - 博客园
- python获取文件的绝对路径 - S-H_A-N - CSDN博客
PHP
VIM
ranger
- ranger/ranger: A VIM-inspired filemanager for the console
other Lang
skip
- skiplang/skip: A programming language to skip the things you have already computed
- skip · A programming language to skip the things you have already computed
- DeathKing/yast-cn: 《Scheme入门教程》,Takafumi Shido 著,Yet Scheme Another Tutorial中译版。
$运维
OpenSA
- leoiceo/OpenSA: 资产管理、资产采集、灰度发布、反向代理、批量任务、任务编排、计划任务、日志审计、权限管理、角色管理、部门管理、运维自动化
- Login Page
$VPN
- MonoCloud
- getlantern/forum: 蓝灯(Lantern)官方论坛
- getlantern/lantern: 🔴蓝灯最新版本下载 https://github.com/getlantern/download 🔴 Lantern Latest Download https://github.com/getlantern/download 🔴
- 【新提醒】技术宅社区-有爱,有技术,有你^_^)y
- static.youku.com/v1.0.0676/v/swf/loader.swf?VideoIDS=XMjA0MTczMDY4&winType=BDskin&embedid=NjEuNTAuMTA1LjYCNTEwNDMyNjcCAg%3D%3D&wd=&partnerid=0edbfd2e4fc91b72&vext=pid%253D0edbfd2e4fc91b72%2526emb%253DNjEuNTAuMTA1LjYCNTEwNDMyNjcCAg%253D%253D%2526bc%253D%25
- 百度游戏-三国杀Online-百度一区
- 105个软件测试工具大放送_IT新闻_博客园
- Board Game Arena: 挑选你最喜爱的游戏在线上游玩 • Board Game Arena
- 遊戲列表 • Board Game Arena
G1
Funny Websites
- World War One Color Photos - World War One Color Photos
- Pantless
- Pin-ups | Pin-up Girls in Art & Photography
- John Holcroft Illustrator www.johnholcroft.com
- CartoonStock - Cartoon Humor, Political Cartoons, Comics, Illustrations
- 表情制作--爱斗图-斗图吧斗图神器官网,逗逼网在线免费生成各种搞笑逗比斗图表情头像,暴走斗图大会金馆长专用在线表情生器
- Find
- UPUP 拍立得 - Haniboi
设计素材
- 千库网-免费png图片背景素材库588ku.com
- 图鱼 - 好用的网页PS设计底纹背景图片纹理素材网站
- SDC设计师网址导航 - 学设计从这里开始!
- GIF格式素材-图片下载分类-www.websbook.com
- ::设计路上::酷站收藏大全,酷站欣赏,韩国网站欣赏,欧美网站,国内网站欣赏,设计欣赏,网页设计,网站建设,平面设计,韩国矢量素材下载
- Ps字体下载大全_Ps教程大全_Ps123.Net
- 在线图像处理工具-最好用的图片处理软件,照片处理工具
- SOOGIF - GIF搜索_可能是最懂你的GIF动图中文搜索平台_魔性野表情发源地
- 艺术字体在线生成器 艺术字转换器
- 花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等)
- 大图网 - 影楼素材,PSD素材,矢量素材,高清图片素材,高品质设计素材共享
- 我图网,提供图片素材及模板下载,专注正版设计作品交易
- 站酷 (ZCOOL) - 设计师互动平台
- 思缘论坛 平面设计,Photoshop,PSD,矢量,模板,打造最好的素材和设计论坛
- 中国色 - 中国传统颜色
- UICloud | User Interface Design Search Engine, UI, UX, GUI, Inspiration, Resources, Elements, User Experience, Free Downloads, Freebies
- 图标搜索引擎 - 下载475450个免费图标, PNG图标, 网页图标
- Free Photoshop Brushes, Photoshop Patterns and Textures | Fbrushes
- Wikimedia Commons
- NicePic - 每天都有新图片
- Free Online OCR - convert scanned PDF and images to Word, JPEG to Word
- 配色网-致力色彩搭配方案的交流与学习
- 配色工具-设定控
- 美图秀秀网页版 官方网站_在线制作图片及图片处理工具
- 有哪些 PS 素材质量较高的的网站? - Adobe Photoshop - 知乎
- Sketch - Professional Digital Design for Mac
微信文章取题
- 高阅读量文章的标题怎么取?14种爆文模板直接给你!
- 打造爆款文章之取标题15招
- (干货)文案创作的七个步骤 - 今日头条(www.toutiao.com)
- (2 条消息) 如何给公众账号推送的文章、微信文章起个好名字、取个好标题? - 知乎
微信公众平台
- 微信公众平台
- 凡科公众号助手,专业化微信公众号推广平台
- 新媒体管家 - 首页
- 微信群,微信红包群,微信群大全,微信群二维码发布与分享!
- 微信朋友圈与公众号营销的100个小技巧-运营喵
- 什么样的微信公众号文章排版称得上美观? - 微信公众平台号 - 知乎
- 如何排版微信公众平台的文章? - 微信公众账号运营 - 知乎
-
- 小程序商店 | 知晓程序
神器网站(PDF、图片、流程图等)
- Smallpdf.com – 您所有PDF问题的免费解决方案
- 免费在线文件转换器 - 免费在线转换视频,音频,图形,文档和压缩格式.
- PA口袋动画官网
- 口袋动画,PPT动画,UI设计 -口袋知识网
- 幕布 - 思维概要整理工具
- 在线图片优化器
- iLoveIMG | 图像文件在线编辑工具
- Animated GIF editor and GIF maker
- 字体转换器在线转换 艺术字体在线生成
- 微微在线二维码生成器
- PPT美化大师-不会做PPT,也能做好PPT-PPT模版|PPT图示|PPT素材|PPT形状|PPT画册|图片素材
- Nordri Tools——让PPT变得简单起来
分析研究报告
- 199IT互联网数据中心 | 199IT–发现数据的价值。 | 中文互联网数据研究资讯中心-199IT
- 艾瑞咨询-生活梦想 科技承载
- 慧博投研资讯,迈博汇金,中国最大的投资研究报告数据平台,慧博,慧博投研资讯,迈博汇金资讯,迈博资讯,专业金融信息服务网站,第一时间提供海量证券研究报告,股票研究报告,券商研究报告,行业
- 财华社_财华网_财华智库网_财华中国网
- 研究报告(report)_股吧_金融界爱股
- 【机构研究报告交流区】 - 理想论坛 中国人气最旺的股票论坛
- 股票价值分析报告网_提供上市公司个股调研报告|宏观经济研究报告|行业研究报告等分析资料下载
- 行业研究报告 海风股票论坛
- 首页-阿里研究院
- IT桔子报告
- 个推行业报告
- 首页-腾讯研究院
- 腾讯移动分析|免费移动应用APP统计| H5统计|渠道统计|用户画像
- DCCI互联网数据中心 洞察网络
- 国家数据
- 中国互联网络信息中心
- 中华人民共和国国家统计局>>中国统计年鉴
- 百度预测-大数据 知天下
- 搜狗学术
- PPT加演示录制,控制和分享—PPT+音频内容分享平台
- 数据分析网-大数据资讯、观点、技术研究中心
- 产品经理数据分析, 增长黑客学习网站,教程免费下载 - GrowingIO 官方博客
- 搜索结果 数据嗨客-数据分析网
运营工具
- 社群营销解决方案_社群管理_社群运营工具_打造社群经济 - 孤鹿(Group+)
- 表单大师,简单好用的数据收集、管理和分析平台
- 石墨 - 可多人实时协作的云端文档和表格
- 有哪些值得推荐的数据可视化工具? - 商业 - 知乎
- 诸葛io-精细化数据分析工具,移动应用分析,移动用户行为分析,数据运营
- 秀米首页 - 秀米 XIUMI
- BenVista - Enlarge images and increase photo resolution at high quality using PhotoZoom Pro 7 with S-Spline interpolation technology
- 使用FILEminimizer Suite压缩PowerPoint,优化Word,Excel,PDF,图像和照片
- PPT Minimizer 4.0 - 下载
- PPT遥控器
- Online PDF Converter - Create, edit and merge PDF - Unlock PDF and remove protection - Free
- Inpaint photo restoration software - remove elements from your photos
- 收趣云书签 - 我的云端收藏夹,稍后阅读神器
- 秒速5厘米 - 图片托管服务
- 搜狗微信搜索_订阅号及文章内容独家收录,一搜即达
Google
- 如何用好 Google 等搜索引擎? - Google 搜索 - 知乎
- Google 学术搜索
- 谷歌搜索
- Google日本
- Chrome 网上应用店 - 应用
- 应用
- Google 翻译
- 维基百科,自由的百科全书
- 墙外网址导航-墙外楼
- 墙外楼阅读器 - Google Play 上的 Android 应用
- txthinking/google-hosts: Google hosts generator
- zxdrive/imouto.host: 为你而战,哥哥大人。
- Hosts-Google hosts大全|修改hosts文件访问谷歌、youtube、twitter、facebook等,2017最新hosts
- Chrome插件(谷歌浏览器插件) - 提供Chrome商店中优秀的Chrome插件推荐与下载服务
- Web项目聚集地
- 解决“只能通过Chrome网上应用商店安装该程序”的方法 - Chrome插件(谷歌浏览器插件)
- 优秀Chrome插件推荐,好用常用实用的Chrome插件推荐分享下载 - Chrome插件网
- 扩展迷 - Chrome扩展与插件离线安装包商店
- Google帐号
- apiPost拓展 - Chrome 网上应用店
- JSON Viewer - Chrome 网上应用店
- JSON Formatter - Chrome 网上应用店
- Google Keep
磁力链接
- RunBT - 磁力搜索_BT搜索_磁力链接_种子搜索
- BT樱桃 - 磁力链接搜索引擎
- BT磁力链 - 最好用的磁力链接搜索引擎
- 搜云盘
设计
- 韩都衣舍(HSTYLE)创意赠品设计大赛-礼品设计-猪八戒网
- 威客-创意,一品威客网,中国专业威客网站
- PS教程:打造一个岩浆特效字体
- AI+PS制作立体文字效果_平面设计_原创经验分享 - Powered By 站酷(ZCOOL)
- 中文字体设计养成_平面设计_原创经验分享 - Powered By 站酷(ZCOOL)
- 首页-宝晶缘☆天然水晶直营店☆东海厂家+实体+批发+零售-- 淘宝网
- 不一样的淘宝 淘宝万向城 - 顽兔
- ????, ??? ?? ??? ???
- 首页-蜂献旗舰店-- 天猫Tmall.com
- 九月会员活动专题 by 罐头鱼_交互设计_网页设计_原创设计作品频道 - Powered By 站酷(ZCOOL)
- 上百种国外优秀logo设计欣赏大合集② 喜爱logo设计的不要错过佳作哦~ _平面设计_标志设计_佳作欣赏 - Powered By 凌晨叁點_站酷(ZCOOL)
- 在线书法字典 王羲之书法字典下载 中国书法字典网 书法迷
- ?? - ???? No.1 ???? ??!
- 清仓特价 KOJI 益若翼Dolly Wink透明梗 假睫毛 No5 2对 附胶水-淘宝网
- 平面_广告_工业设计的采集 - 花瓣网
- PSD网页模板-PSD素材-素材中国一流素材网
- UI素材大夹子 - 满不拿拿 - 花瓣画板
- Dribbble - Popular
- Online Portfolios on Behance
- 碎碎念_秀作品_蒋小咏主页_我的联盟
- 优设(UISDC)_ 优秀网页设计联盟-SDC-听讲座,聊设计,在这里
- 设计素材 - 设计帝国
- Browsing Design Challenges on deviantART
- New fonts _ dafont.com
- 2009PSD分层图库第2版(共15DVD)免费下载 - 专题系列 - 设计帝国
- 中国素材网!是全国最大最好的素材类网站,速度很快,内容很多!
- 素材天下
- 笔秀网素材中国-海纳素材图片网站资源-集中国素材网站之大成 - 笔秀网
- 牛图库素材网-素材中国-素材天下-矢量图,psd素材,高清图片,flash素材免费下载
- 生活_时尚酷站欣赏 生活_时尚网站欣赏__设计路上__酷站收藏大全,酷站欣赏,韩国网站欣赏,欧美网站,国内网站欣赏,设计欣赏,网页设计,网站建设,平面设计,韩国矢量素材下载
- ___欧美日韩酷站欣赏_漂亮时尚网页界面设计欣赏_酷站模板下载收藏_优秀企业公司网站欣赏--欧莱凯酷站欣赏
- 设计素材下载 - Powered By 站酷(ZCOOL)
- UI设计--顶尖创意--顶尖设计
- 中文字体下载_字体下载大宝库(第6页)_Font.knowsky.com
- E网素材库(www.web07.cn),PSD素材免费下载,矢量图,矢量素材下载,矢量素材库,矢量图库,免费矢量素材下载,矢量图片下载,高清矢量素材,免费PSD下载,PS笔刷下载
- 素材列表-视觉中国下吧
- 视觉中国下吧 - 我的下吧首页
- Surreal Fantasy Photomanipulation _ MyInkBlog
- Think Design _ Graphic Design Freebies, Resources, and Inspiration.
- 创意天地
- Welcome to Cilantro
- 素材资源 - 中国教程网
- PSD book by ~TLMedia on deviantART
- Skout™ • resources + for designers + by designers
- ArchGo! 世界优秀建筑到您的桌面
- http___www.penshow.cn_download.php_id=64133
- 我的联盟_网页设计师联盟
- 网页设计师联盟--国内网页设计综合门户
- Free PSD, CSS Snippets and resources for web designers | Freebiesbug
- Themes | dafont.com
- Launch Your Stunning Site | Wix.com
- Wix Free Website Builder | Wix.com
- 背景纹理素材网站
- Premium & Free Design and Web Resources | Pixeden
- 英文字体 ,英文字体下载,英文字体下载大全-font.chinaz.com
- Typography Served :: Gallery
- 设计师网址导航_学设计从这里开始!
- 疑 心 病 。-人像摄影-作品展示-POCO摄影社区-POCO.CN 我的照片 我的空间
- 专题页设计技巧浅析
- 推荐!40个设计师必备的资源网站
- Creattica
- 平面素材库下载 - 数码资源网
- UEDFans-UED网址导航-设计-UI-UX
- 12 New Photoshop Tools
- PSD原文件_PSD分层素材_psd源文件 -创意素材库
- 黄蜂网-网页设计、手机界面设计灵感地
- ???? ?? ??? C&C ?????
- 101个鲜为人知的超实用网站
- 饕餮盛宴:36个美食餐饮类网站创意设计
- Best wallpapers / Wallbase.cc
- ::? GDWEB 2013 ?
- IVAN TEJERO G. Creative Graphic Designer
- Lost Type Co-op | Browse Fonts
- Fonts2u.com
- ★优秀banner★ - 4|1/2 - 花瓣画板
- 宝贝描述 - douweiwei - 花瓣画板
- 网络广告设计,flash网络广告欣赏第 8 页_黄蜂网
- Dijean
- 乐天超市购物网站海报设计欣赏0119 - 4|1/2采集到★优秀banner★ - 花瓣
- 商城店铺体验设计组织 | 商城店铺体验设计组织
- 华丽丽随机晶格化背景[如何转换学习技巧(一)] by Graye - 设计经验分享 - 站酷网(ZCOOL)
- 一月 | 2013 | 微博UDC
- Handpicked free fonts for graphic designers with commercial-use licenses. | Font Squirrel
- 秀作品_王敏主页_我的联盟
- 爱果果 » 好闺蜜?誓一起
- re:vision
- 87time C4D基础实例入门教程 01 by 87time - 设计经验分享 - 站酷网(ZCOOL)
- C4D&PS制作三维字母插图,蓝色性格翻译制作 by 蓝色性格 - 设计经验分享 - 站酷网(ZCOOL)
- UI 设计的采集 - 花瓣网
- 太原网站建设,山西网站建设,平面设计,友特邦网络-首页
- 专题活动1307
- From up North - High quality design inspiration
- 泡沫_O(∩_∩)O采集到专题设计
- UI设计_软件界面设计欣赏_后台界面-UI制造者-专注UI界面设计
- 在线印章制作,DIY印章,个性印章制作,在线电子印章制作,在线公司刻章 - 随便吧在线制作平台
- Design lol 全球设计精华分享 | 为设计欢呼
- waplez
- 致设计-中国最大的电商设计师交流平台-交流社区
- Web Design Blog, Tutorials and Inspiration | Web Design Ledger
- CHINAUI优艾网-中国人机界面设计门户网站
- UI设计_分享以用户体验为中心的设计 | 盒子UI
- 爱设计|美图欣赏|网购时尚分享|网站设计欣赏|网站界面设计-爱设计网
- HTML我帮您 网罗精品软件、网站源码、JQUERY、ExtJs、PSD、页面特效、HTML5学习网站、CSS3特效大全、CSS3学习网站,网罗一切免费web资源分享给大家!
- 中国专业素材网,素材天下网,素材中国下载网 - 素材公社 tooopen.com
- 牛图库-素材中国-素材天下-中国素材网-免费素材网-图片素材网-素材网
- 设计师网址大全_爱设计|美图欣赏|网购时尚分享|网站设计欣赏|网站界面设计-爱设计网
- 中国素材网_素材天下_素材中国_站长素材_素材网_免费图片素材下载_找素材网
- 懒人图库 - 矢量图,网页素材下载 - 学会偷懒,懒出境界!
- psd-素材免费下载-psd素材-psd文件用什么打开
- GitHub
- Twitter —— 聚焦当下。
- 智康营销信息化--活动列表
- e学堂-学生的好帮手
- 课程 - 邢帅教育
- 北京SEO公司_SEO顾问_SEO外包服务_【方法SEO顾问】
- Watch People Code Products Live and Learn Programming - LiveCoding.tv
- 七牛开发者中心
- 百度新闻搜索_邮件新闻订阅
- iss
- SaferVPN 免费的 VPN | 无痕浏览与解锁网站 - Chrome 网上应用店
杂
多图拼贴成马赛克
- 【教程】千图成像_photoshop吧_百度贴吧
- 【分享】类似路径文字的一个效果,好像叫标签云_photoshop吧_百度贴吧
- 相似图片搜索的原理 - 阮一峰的网络日志
- 牛!Mathematica还能这样用!自己制作马赛克拼图 | Matrix67: The Aha Moments
- Tagxedo - Word Cloud with Styles
- Welcome | FMEdda | Foto-Mosaik-Edda
- (1 封私信 / 1 条消息) 由数量众多照片拼贴而成的马赛克图片是怎么做出来的? - 知乎
- 图片怎么和视频合并 图片放视频前面加片头 放视频后面加片尾 - 狸窝转换器下载网
- 创建工作经历
- Win10修改编辑hosts文件无法保存怎么办_百度经验
- 重新整理【日本悬疑电影】(90年之后)_悬疑片吧_百度贴吧
- 知乎| 有哪些好看的高智商悬疑电影?
- 检索—中国知网
- [最新]DIY手工折纸简单玫瑰花折法-母婴-高清视频–爱奇艺
- 199IT-互联网数据中心的分享 - 微盘
project
Eoulu
- EOULU软件项目管理
- Bugzilla Main Page
- OA/ — VisualSVN Server
- 个人中心
- futureD数据管理与分析系统
- ulu-冲锋鸡系统登录页面Eo
- futureD数据管理与数据分析
- futureD数据管理与数据分析
- futureD数据管理与分析系统
- futureD数据管理与数据分析
- 58.210.123.22:8085/futureD/login/login.jsp
- futureD数据管理与分析系统
东吴证券
Kibana
- Discover: ac过滤规则 - Kibana
- Kibana
node服务器
- 部署Express至服务器 - nzyalj的博客 - CSDN博客
- Express搭建服务器-webfem
- node.js+express搭建简单的web服务器 | Wangx's blog
- Window 通过cmd查看端口占用、相应进程、杀死进程等的命令 - Android应用安全防护和逆向分析-----作者 - CSDN博客
- 使用Express搭建Node.js服务器 - Smile_ping的博客 - CSDN博客
- node.js搭建接口(一):使用express搭建服务器 - 前端啥也不懂 - CSDN博客
- nodejs+express服务器搭建和使用教程 - 简书
- morgan日志的使用与解读 - web_xiaolei的博客 - CSDN博客
- Node.js 模块之 morgan中间件记录日志 - JokerJason - 博客园
¥项目与协作
- 控制面板 - 信息技术总部 Git
- YApi-高效、易用、功能强大的可视化接口管理平台
- 浏览项目 - JIRA
- GZGLPT board - 敏捷看板 - JIRA
- Browse 罗奕梁 / WorkManagementWeb - Bitbucket
- Iconfont-阿里巴巴矢量图标库
- 易驰统一接入管控平台
- 统一接入平台 project overview - Bitbucket
- 东吴证券易驰统一接入管理平台
工作管理平台
- 信息技术总部工作管理平台
- 信息技术总部工作管理平台
- 我的视图 - MantisBT
- 通用报表平台
- js图表调研文档 - Treasure_Gin的博客 - CSDN博客
- 强大的报表前端展现功能 - reportmis - 博客园
- 前端报表浏览
- outils/index.js at master · proYang/outils
- JacksonTian/eventproxy: An implementation of task/event based asynchronous pattern.
- kooogle/videos: 日常生活中喜欢的视频,经常会看逻辑思维,暴走大事件,经典电影,统统放进自己的网站 目前的功能包括:用户中心管理,后台视频管理,文件上传管理,视频评论管理 最近重构
- events/events.js at master · DDFE/events
- [WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - plums - 博客园
- antd 的table td 超出部分隐藏并显示省略号 - 云也JUN - 博客园
- ECharts Documentation
- ECharts Demo
- Search · EventUtil
- 组件 | Element
- Lodash 中文文档 | Lodash 中文网
东软思芮
- 上海思芮信息科技有限公司
- 网易企业邮箱 - 登录入口
中移
外网
- 中国移动苏州研发中心SSL VPN接入系统
内网
- 中移(苏州)软件技术有限公司统一门户
- 中国移动通信集团人力资源管理平台
- iHR人力资源管理信息系统
- 登录 [Jenkins]
- Dashboard [Jenkins]
- System Dashboard - 中移软件任务跟踪系统-JIRA
- 面板 - 中移软件知识管理系统-Confluence
- 页面 - 云网络安全组 - 中移软件知识管理系统-Confluence
- 10.160.22.102
- gerrit.cmss.com
- My Reviews | gerrit.cmss Code Review
- 中国移动网上大学
南基测试域
- 移动云
- https://console-beijing-1.cmecloud.cn:8443/api/page/safebox/op-security-static/vbscan
- oldj/SwitchHosts: Switch hosts quickly!
- 前端常用网站 - 简书
- 10.10.10.2/portal/login?t=1576544101.661675&
- 卸载360天擎后,不能上网 - 奔跑吧人生 - 博客园
- 中国移动商旅100官网:机票预订,酒店预订,旅游度假,差旅管理
- nos
- CSMP - Revision 444: /安全文档/doc/移动云9期资源池公共组件申请文档
- Google香港
- 百度一下,你就知道
- Pocket: 我的列表
- 有道云笔记
- jdlibianjian -有字库
- ng-inspector首页、文档和下载 - AngularJS 的浏览器插件 - 开源中国社区
- 玩转在线文档—场景示范 - 腾讯文档
- Catalina 程序员开发工具首页
- 新三国杀_十年全新版本!
- Tenda WiFi
- 贴吧游戏-三国杀Online-贴吧专区
- 网址大全
- 收藏到有道云笔记
- Vedio
- Momentum - Chrome 网上应用店
- Initial page - YingHua1314
- Iconfont-阿里巴巴矢量图标库
- www.uyi2.com/race?id=140
- 苏州工业园区社会保险基金和公积金管理中心
- 个人会员编号查询
- 网上业务登录
- 将数据库结构修改提交到生产环境下数据库 - LEON的博客 - CSDN博客
- 随笔列表第54页 - 梦想天空(山边小溪) - 博客园
- 表驱动法 - 掘金
- html事件汇总-CSDN下载
- 信息技术总部工作管理平台
- React实战技术博客系统_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- 三国杀 百度一区(贴吧专区)
- 让 Chrome 崩溃的一行 CSS 代码_CSS教程_CSS_网页制作_脚本之家
- (23) 江泽民怒斥香港记者[1080p高清完整版] - YouTube
- 爱康国宾体检预约_爱康国宾体检报告查询 - 爱康国宾健康管理机构
- 「007」css进阶之彻底理解视觉格式化模型
- 前端速报
- 程序IT圈
- IT平头哥联盟
- https://object.is
- 网站优化实战 - Jartto's blog
- yanxi-me/weixin-js-sdk: 微信官方 js-sdk CommonJS 版本
- h5页面在不同ios设备上的问题总结 - 掘金
- 如何使用函数来优化性能 - 掘金
- 基于Taro框架的微信小程序JWT授权登录方案 - 掘金
- JavaScript 原型和原型链及 canvas 验证码实践 - 掘金
- [译]坐标系和坐标轴 - 掘金
- [译] 网速敏感的视频延迟加载方案 - 掘金
- Tasks, microtasks, queues and schedules - 前端 - 掘金
- 基于JS简单甘特图 - 掘金
- h5页面在不同ios设备上的问题总结
- 常见的web开发问题以及避免方式
- 【译】JS运行时环境 - 掘金
- JS引擎线程的执行过程的三个阶段 - 掘金
- 红绿灯🚦——CSS 动画 - 掘金
- 阅读分析snabbdom源码 · Issue #9 · Limuyang1013/weblogs
- 记录小程序touchmove事件中setData优化过程 - 掘金
- 🦋 前端开发行为指导规范 - 掘金
- GraphQL学习过程应该是这样的 - 掘金
- 用纯 CSS 实现镂空效果 - 掘金
- [译] 为函数自定义属性的八种实现方法 - 掘金
- JS中的栈内存、堆内存 - 掘金
- 编写高性能的JavaScript - 掘金
- 【译】 box-shadow美化3D转换效果 - 掘金
- 从零开始学习时空数据可视化(序) - 掘金
- CSS 属性篇(七):Display属性 - 掘金
- Chrome 中 JavaScript 加载优先级 - 前端 - 掘金
- 前端笔试之手写代码(一) - 掘金
- Node.js环境性能监控 - 掘金
- GitHub + Hexo搭建自己博客(二) Next主题配置 - 掘金
- 「译」为 JavaScript 开发者准备的 Flutter 指南 - 前端 - 掘金
- 前端之路: 用github的webhooks实现项目自动化构建 - 掘金
- 探索JS引擎工作原理 - 前端 - 掘金
- H5 键盘兼容性小结 - 掘金
- React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态 - 掘金
- 实现一个简单的 JavaScript 编译器 - 掘金
- 认识 Service Worker - 掘金
- chenyueban/ohbug: js monitor
- X 为啥不是 hook? - 掘金
- 前端面试之层叠上下文(z-index) - 掘金
- 轻量级滑块Swiper插件发布(仅3kb) - 掘金
- 奇舞学院
- normal module replacement plugin
- ServiceWorker 缓存离线化 - 掘金
- 欣仔互动
- [译] 已经 2019 年了,我依然赤手空拳制作网站 - 掘金
- 前端资源加载重试 - 前端 - 掘金
- 如何利用lerna管理模块 - 掘金
- 使用CSS的border属性绘制各种几何形状 - 掘金
- 前端人脸识别--两张脸相似度 - 掘金
- vue+node全栈移动商城【11】连接mongodb并存入数据 - 掘金
- CSS3 动画解析 - 掘金
- 从规范看ECMAScript(二):数据类型 - 掘金
- 手把手教你实现一个canvas智绘画板 - 掘金
- 从“冰柜”到“冰棍儿”,下载Github单个文件 - 掘金
- 我是如何让公司后台管理系统焕然一新的(上) -性能优化 - 掘金
- 用CSS画一个带阴影的三角形 - 掘金
- Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
- service worker轻度探索 - 解决运营活动需求中的图片加载问题? - 掘金
- 前端技术周刊 2019-02-26:前端代码保护 - 掘金
- 逐行分析Koa中间件机制 - 掘金
- 帧动画的多种实现方式与性能对比 - 掘金
- CSS @font-face性能优化 - 掘金
- 教你从头写游戏服务器框架 - 掘金
- 基于 Babel 的 npm 包的最小化设置 - 掘金
- 不可思议的纯 CSS 实现鼠标跟随效果 - 掘金
- 如何借助SVG+CSS用2个小时撸完一个网易云音乐的动效海报 - 掘金
- [译]颜色比例尺 - 掘金
- 数组去重的六种方法 - 掘金
- 从 0 到 1 写一个简单依赖注入系统(1) - 掘金
- 该用什么姿势来使用 PWA - 掘金
- 7 个开放式的 CSS 面试题 - 掘金
- 项目迁移的思考 - 掘金
- 前端开发之中间件模式 - 掘金
- 【译】Object与Map的异同及使用场景 - 掘金
- 为你的 JavaScript 项目添加智能提示和类型检查 - 掘金
- [译] 避免那些可恶的 "cannot read property of undefined" 错误 - 掘金
- 【Node】详解模块的实现过程 - 掘金
- [英] Scheduling in React - 前端 - 掘金
- [英] 纯基于 CSS 实现不同 scroll 滑动位置的样式改动 - 前端 - 掘金
- 🔮彻底弄清 this call apply bind 以及原生实现 - 掘金
- 分享一个冷门知识——文本框的选择文本在业务中的应用 - 掘金
- 简单盘点浏览器的几种滚动行为 - 前端 - 掘金
- JavaScript常用的简洁高级技巧 - 掘金
- 层叠等级和层叠上下文 - 掘金
- 即刻起,加速您的前端构建速度 - 前端 - 掘金
- aliyun-node
- 前端同构渲染的思考与实践 - 掘金
- 2018年了,大家都是怎么从零开始新建一个前端项目的? - 知乎
- 我在淘宝做前端的这三年 — 第二年 - 掘金
- 我在淘宝做前端的这三年 — 第一年 - 掘金
- yujiangshui/A-Programmers-Guide-to-English: 专为程序员编写的英语学习指南 v1.2。在线版本请点 ->
- 谈谈面试与面试题 · Issue #4 · wintercn/blog
- 记一次字符串分割的工作 - 掘金
- 关于 promise 吃到错误的理解 - 另一个小菜头 - 博客园
- (译)保持你的代码整洁 - 掘金
- 用 async/await 来处理异步 - SamWeb - 博客园
- [ ES6 ] 快速掌握常用 ES6 (一) - 掘金
- 精读《Serverless 给前端带来了什么》 - 掘金
- [ ES6 ] 快速掌握常用 ES6 (二) - 掘金
- [ 造轮子 ] 手动封装 AJAX (一) —— 基础版 - 掘金
- 面试失败贴之《如何动手创建一个简单的MVVM框架》 - 掘金
- [ 造轮子 ] 手动封装 AJAX (二) —— ES6 版 - 掘金
- Promise初步详解(resolve,reject,catch) - selfimpr626 - CSDN博客
- 【译】JS的执行上下文和环境栈是什么? - 掘金
- 前端开发者必备的Nginx知识 - 掘金
- 【vue 删除 对象属性】 - CSDN
- vue 数组中嵌套的对象添加新属性--页面更新 - 简书
- 【vue2 给对象添加属性】 - CSDN
- JS进击之路:作用域 - 掘金
- Vue.delete()删除对象的属性 - xiasohuai的博客 - CSDN博客
- 函数声明与变量声明的提升机制优先级问题 - 掘金
- (for..in)、Object.keys() 和 Object.getOwnPropertyNames(),for...o - 前端 - 掘金
- 前端代码质量优化交流 - 掘金
- vue 钩子函数 使用async await - 孟繁贵 - 博客园
- 在Vue中使用async函数 - 比利Billy - CSDN博客
- MySQL 数据库设计总结 - 掘金
- CSS 将支持三角函数 - 前端 - 掘金
- 面试之CSS篇 - 实现三栏布局的延伸 - 掘金
- 【算法】二分查找和大O表示法 - 掘金
- vue async/await同步 案例 - 春风十里的情 - 博客园
- vue.js - vue-cli构建的项目中如何使用async await - SegmentFault 思否
- vue中用async/await 来处理异步 - 简书
- 让你的网页更丝滑(一) - 掘金
- vue中异步函数async和await的用法_玉小希_新浪博客
- 在NPM发布自己造的轮子 - 掘金
- 5分钟彻底理解Object.keys - 掘金
- 从JS的运行机制的角度谈谈作用域 - 掘金
- 5分钟彻底理解Object.keys - 前端 - 掘金
- for in,Object.keys,for of 的区别 - 掘金
- (for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of - 掘金
- for in,Object.keys(),for of,hasOwnProperty()怎么用? - 掘金
- 【前端词典】F5 同 Ctrl+F5 的区别你可了解 - 掘金
- 2分钟轻松搞定Object.keys(),for...in,getOwnPropertyNames()的区别 - 掘金
- 神奇的 Object.defineProperty - 掘金
- 解析神奇的 Object.defineProperty - 阅读 - 掘金
- ES6 系列之 defineProperty 与 proxy - 掘金
- 350 个特性看透 ES6 - 前端 - 掘金
- 如何给localStorage设置一个过期时间? - 掘金
- [译]JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators - 掘金
- 前端权限管理之 addRoutes 动态加载路由踩坑 - 掘金
- ES 5 新增特性汇总 - 掘金
- Object()的方法一览 - 掘金
- 开发一个React + Electron应用 - 掘金
- js 中对 Object 对象的一些常用操作总结 - haorooms - 前端 - 掘金
- 理解 JavaScript 的 Object.defineProperty() 函数 - 前端 - 掘金
- 写chrome插件前必须要知道的 - 掘金
- ES6 中的 Symbol、Set 和 Map - 前端 - 掘金
- React PureComponent 使用指南 - 前端 - 掘金
- IT平头哥联盟
- Use Any Javascript Library With Vue.js - Vue.js Developers
- Meta Robots Tag & Robots.txt Tutorial for Google, Bing & Other Search Engines
- vue引入第三方非模块化插件 · Issue #4 · CodeDreamfy/CodeDemo
- Object.defineProperty() - JavaScript | MDN
- SnapKit/Masonry: Harness the power of AutoLayout NSLayoutConstraints with a simplified, chainable and expressive syntax. Supports iOS and OSX Auto Layout
- ApacheCN 学习资源汇总 2019.3 - 掘金
- lodash-cli - npm
- 我所知道的面试手册 - 掘金
- lodash/lodash at 4.17.11-es
- lodash/fp at 4.17.11-npm · lodash/lodash
- 每日 30 秒之 巧用可视区域 - 掘金
- lodash-amd - npm
- 理解 JavaScript Mutation 突变和 PureFunction 纯函数 - 掘金
- smartprocure/futil-js: F(unctional) util(ities). Resistance is futile.
- 浅谈 Web 安全 - 掘金
- 🍭 图解原型和原型链 - 掘金
- wix/eslint-plugin-lodash: ESLint rules for lodash
- [译]2019版 web 浏览器现状 - 掘金
- jfmengels/eslint-plugin-lodash-fp: ESLint rules for lodash/fp
- 【Tomcat】Tomcat工作原理及简单模拟实现 - 掘金
- Lodash Archive
- 几道和散列(哈希)表有关的面试题 - 掘金
- Javascript注释规范 - lianlin21212411的博客 - CSDN博客
- JavaScript代码注释范例 - yuxiaolong021的博客 - CSDN博客
- 深入理解JavaScript作用域和作用域链 - 掘金
- YUIDoc Syntax Reference
- 第二章 Closure javascript注解 - 章志强的专栏 - CSDN博客
- Vue 模板 | 大漠老师 w3cplus - 前端 - 掘金
- yuche/javascript: Airbnb JavaScript 编码规范
- [AST实战]从零开始写一个wepy转VUE的工具 - 掘金
- js/javascript代码注释规范与示例 - chunlynn的小屋 | 头条号:有范管理美学 - CSDN博客
- Js注释 - S&L·chuck - 博客园
- 为什么用「void 0」代替「undefined」 - 掘金
- YUIDoc Syntax Reference
- yui/yuidoc: YUI Javascript Documentation Tool
- 优化动画卡顿:卡顿原因分析及优化方案 - 掘金
- JSDoc Guide
- iamjoel/be-grace-front-end-developer: 让WEB前端的变优雅的东东,如:代码规范,代码组织,最佳实践之类
- vue生命周期详解 - 掘金
- javascript - "export default from" doesn't work with Babel React - Stack Overflow
- Module 的语法 - ECMAScript 6入门
- javascript - Re-export default in ES 6 modules - Stack Overflow
- 回到基础:如何用原生 DOM API 生成表格 - 掘金
- Production Deployment — Vue.js
- CSS 怎样写一个动画(从基础动画到3d动画) - 掘金
- GraphQL 从入门到实践 - 掘金
- 防抖和节流的应用场景和实现 | 码农网
- window.history - MDN
- 2019 面试准备 - JS 防抖与节流 - 掘金
- 十六进制颜色代码表,图表及调色板 - Encycolorpedia
- webRTC——浏览器里的音视频通话 - 掘金
- eligrey/Blob.js: An HTML5 Blob implementation
- Webpack系列-第三篇流程杂记 - 掘金
- 学习 PixiJS — 小精灵冒险 - 掘金
- keywords:babel-plugin - npm search
- VUE的component和components - 简书
- 解惑,什么是data-attribute ? - 掘金
- 你真的了解webview么? - 前端 - 掘金
- Web Worker融会贯通 - 前端 - 掘金
- ConyEdit Home
- jquery 监听div大小变化函数|div resize事件 - mengzhengjie的专栏 - CSDN博客
- 如何使用 docker 高效部署前端应用 - 山月的个人博客
- 基于jquery fly插件实现加入购物车抛物线动画效果,jquery.fly.js - 小小强学习网 - 博客园
- wendux/style-selector-jQuery-plugin: Custom jQuery selector, through which we can choose the specified CSS style characteristics of the DOM elements.
- Commit message 的格式说明 - 尝试归零的感受 - CSDN博客
- DCloud - MUI 快应用
- docs(options.md): Change default value of `esModule` by imcvampire · Pull Request #905 · vuejs/vue-loader
- 一次弄懂Event Loop(彻底解决此类面试问题)
- 彻底搞清楚javascript中的require、import和export - 最骚的就是你 - 博客园
- huangguangjie/calendar-api: 一个万年历的API工具类,快速集成日历UI的构建方案。
- SunnyJS/Sunny-fx.js at master · sunnyzhouy/SunnyJS
- SunnyJS/Sunny-deferScript.js at master · sunnyzhouy/SunnyJS
- SunnyJS/Sunny.js at master · sunnyzhouy/SunnyJS
- extend/extend.js at master · kunhuapeng/extend
- devin87/Q.js: js工具库,包括 通用方法、原生对象扩展、队列、JSON、Cookie、Storage、Ajax、JSONP、事件处理、DOM处理等
- web-pal/react-trello-board: Trello like board based on React, Redux, React-dnd
- javascript - Can't require() default export value in Babel 6.x - Stack Overflow
- dntzhang/qone: Next-generation web query language, extend .NET LINQ for javascript.
- vue.js - vue组件注册为什么有时候要在require后面加上default? - SegmentFault 思否
- require('./expample.js).default详解 - 简书
- LESS从入门到精通 - 掘金
- input中 type=number 的文本框(数字框) 去掉箭头 且不能输入e和标点符号 - nnn_net的博客 - CSDN博客
- 为何你始终理解不了JavaScript作用域链? - 掘金
- 输入框input类型为number时,去掉上下箭头方式 - flyingfishzxf的专栏 - CSDN博客
- js中如何跳出forEach循环? - 头名字W的博客 - CSDN博客
- 一个很low的问题,forEach怎么跳出循环? - 云+社区 - 腾讯云
- 手把手教你实现一个引导动画 - 掘金
- sorrycc
- Electron系列文章-主进程与渲染进程 - 掘金
- 用Class写一个记住用户离开位置的js插件 - 掘金
- 加快你的网站响应速度-Vue懒加载 - 掘金
- 前端构建秘籍 - 掘金
- 数据结构的故事之二叉树, 前缀树, N叉树 - 掘金
- 【愣锤笔记】一篇小短文让你彻底搞懂this、call、apply和bind - 掘金
- [译]Rendering React components to the document body - 掘金
- 在cc里用class和function实现counter - 掘金
- 如何使用前端技术开发一个桌面跨端应用 - 掘金